Biscuit — A warm and inviting color palette designed to be easy on the eyes. Perfect for coding, designing, and creating projects that feel like a cozy afternoon with a cup of tea and a biscuit.
- ☀️ As Warm as a Summer's Day: Biscuit needs warm tones that go easy on the eyes and invokes feelings of warmth
- 🍫 Chocolatey: Background colors are the cornerstone of the theme, so they must be easy on the eyes since it's the color you'll see the most
- 🥛 Milky: Foreground colors must also be easy to look, and no one wants to hurt their eyes while reading text, so we chose colors that should comfort the eyes
Biscuit is a versatile color palette that embraces both the rich depth of dark hues and the refreshing brightness of light tones. This palette is expertly crafted for a wide range of users, fitting seamlessly into various design aesthetics and user preferences. Whether you're a fan of the cozy warmth of dark themes or the airy lightness of bright designs, Biscuit has got you covered. Dive into the shades below and find the perfect hue for your next project!
Meet Biscoito, our charming biscuit mascot who guides us through our color adventures! Biscoito loves the beach, and his seaside escapades have inspired our two distinctive palette variations.
Biscuit de Sol is our vibrant, sun-soaked iteration of the Biscuit Theme. Picture Biscoito spending a day lounging under the intense summer sun - he's gotten a bit sunburnt! The result? Colors that are more vivid and energetic, with spring-like hues that pop right off the screen. This palette captures that perfect moment when the sun's glow intensifies everything it touches.
🌙 Sol Dark
| Image | Label | Hex | RGB | HSL |
|---|---|---|---|---|
| Night | #181515 |
rgb(24, 21, 21) |
hsl(0, 7%, 9%) |
|
| Raisin Black | #221E1E |
rgb(34, 30, 30) |
hsl(0, 6%, 13%) |
|
| Van Dyke | #423939 |
rgb(66, 57, 57) |
hsl(0, 7%, 24%) |
|
| Wenge | #6D5F5F |
rgb(109, 95, 95) |
hsl(0, 7%, 40%) |
|
| Cinereous | #978787 |
rgb(151, 135, 135) |
hsl(0, 7%, 56%) |
|
| Silver | #B6A8A5 |
rgb(182, 168, 165) |
hsl(11, 10%, 68%) |
|
| Antique White | #F4E6D2 |
rgb(244, 230, 210) |
hsl(35, 61%, 89%) |
|
| Persian Red | #CA3F3F |
rgb(202, 63, 63) |
hsl(0, 57%, 52%) |
|
| Flame | #E46A3A |
rgb(228, 106, 58) |
hsl(17, 76%, 56%) |
|
| Butterscotch | #E39C45 |
rgb(227, 156, 69) |
hsl(33, 74%, 58%) |
|
| Moss Green | #989F56 |
rgb(152, 159, 86) |
hsl(66, 30%, 48%) |
|
| Viridian | #629386 |
rgb(98, 147, 134) |
hsl(164, 20%, 48%) |
|
| Steel Blue | #517894 |
rgb(81, 120, 148) |
hsl(205, 29%, 45%) |
|
| YinMn Blue | #4A5A8D |
rgb(74, 90, 141) |
hsl(226, 31%, 42%) |
|
| Purpureus | #9F569A |
rgb(159, 86, 154) |
hsl(304, 30%, 48%) |
|
| Mulberry | #C45497 |
rgb(196, 84, 151) |
hsl(324, 49%, 55%) |
🌞 Sol Light
| Image | Label | Hex | RGB | HSL |
|---|---|---|---|---|
| Antique White | #F4E6D2 |
rgb(244, 230, 210) |
hsl(35, 61%, 89%) |
|
| Pale Dogwood | #DBC6C2 |
rgb(219, 198, 194) |
hsl(10, 26%, 81%) |
|
| Rose Quartz | #B79F9F |
rgb(183, 159, 159) |
hsl(0, 14%, 67%) |
|
| Rose Taupe | #A18787 |
rgb(161, 135, 135) |
hsl(0, 12%, 58%) |
|
| Van Dyke | #423939 |
rgb(66, 57, 57) |
hsl(0, 7%, 24%) |
|
| Jet | #2B2626 |
rgb(43, 38, 38) |
hsl(0, 6%, 16%) |
|
| Night | #181515 |
rgb(24, 21, 21) |
hsl(0, 7%, 9%) |
|
| Fire Engine Red | #CB2424 |
rgb(203, 36, 36) |
hsl(0, 70%, 47%) |
|
| Giants Orange | #E95318 |
rgb(233, 83, 24) |
hsl(17, 83%, 50%) |
|
| Earth Yellow | #E98F21 |
rgb(233, 143, 33) |
hsl(33, 82%, 52%) |
|
| Apple Green | #9BA636 |
rgb(155, 166, 54) |
hsl(66, 51%, 43%) |
|
| Zomp | #3E9F85 |
rgb(62, 159, 133) |
hsl(164, 44%, 43%) |
|
| UCLA Blue | #34709B |
rgb(52, 112, 155) |
hsl(205, 50%, 41%) |
|
| Martian Blue | #2F4692 |
rgb(47, 70, 146) |
hsl(226, 51%, 38%) |
|
| Plum | #A6369F |
rgb(166, 54, 159) |
hsl(304, 51%, 43%) |
|
| Red Violet | #CF2D8E |
rgb(207, 45, 142) |
hsl(324, 64%, 49%) |
Biscuit de Mar - "Biscuit from the Sea" - is what happens when Biscoito ventures too close to the shoreline! Imagine our brave little biscuit getting caught in the gentle waves. As the water washes over him, his colors become softer, more muted, and take on a sandy, coastal quality. The result is a palette with a washed-out, serene character that's perfect for designs requiring a more subtle, relaxed aesthetic.
🌙 Biscuit Dark
| Image | Label | Hex | RGB | HSL |
|---|---|---|---|---|
| Licorice | #1A1515 |
rgb(26, 21, 21) |
hsl(0, 11%, 9%) |
|
| Raisin Black | #2D2424 |
rgb(45, 36, 36) |
hsl(0, 11%, 16%) |
|
| Van Dyke | #453636 |
rgb(72, 57, 57) |
hsl(0, 12%, 25%) |
|
| Wenge | #725A5A |
rgb(114, 90, 90) |
hsl(0, 12%, 40%) |
|
| Cinereous | #9C8181 |
rgb(156, 129, 129) |
hsl(0, 12%, 56%) |
|
| Champagne Pink | #DCC9BC |
rgb(220, 201, 188) |
hsl(24, 31%, 80%) |
|
| Papaya Whip | #FFE9C7 |
rgb(255, 233, 199) |
hsl(36, 100%, 89%) |
|
| Crimson | #CF223E |
rgb(207, 34, 56) |
hsl(352, 72%, 47%) |
|
| Burnt Sienna | #F07342 |
rgb(240, 104, 66) |
hsl(13, 85%, 60%) |
|
| Persian Orange | #E39C45 |
rgb(227, 137, 69) |
hsl(26, 74%, 58%) |
|
| Moss Green | #959A6B |
rgb(150, 143, 107) |
hsl(50, 17%, 50%) |
|
| Battleship Gray | #768F80 |
rgb(124, 138, 126) |
hsl(129, 6%, 51%) |
|
| Chinese Violet | #756D94 |
rgb(124, 109, 139) |
hsl(270, 12%, 49%) |
|
| Ultra Violet | #614F76 |
rgb(93, 84, 140) |
hsl(250, 25%, 44%) |
|
| Plum | #7B3D79 |
rgb(123, 61, 121) |
hsl(302, 34%, 36%) |
|
| Magenta Haze | #AE3F82 |
rgb(174, 63, 115) |
hsl(332, 47%, 46%) |
🌞 Biscuit Light
| Image | Label | Hex | RGB | HSL |
|---|---|---|---|---|
| Rose Quartz | #A38A8A |
rgb(163, 138, 138) |
hsl(0, 12%, 59%) |
|
| Silver | #C1AEAE |
rgb(193, 174, 174) |
hsl(0, 13%, 72%) |
|
| Champagne Pink | #E0CFC6 |
rgb(224, 207, 198) |
hsl(21, 30%, 83%) |
|
| Old Lace | #FFF7EB |
rgb(255, 247, 235) |
hsl(36, 100%, 96%) |
|
| Cinereous | #9C8181 |
rgb(156, 129, 129) |
hsl(0, 12%, 56%) |
|
| Van Dyke | #483939 |
rgb(72, 57, 57) |
hsl(0, 12%, 25%) |
|
| Raisin Black | #2D2424 |
rgb(45, 36, 36) |
hsl(0, 11%, 16%) |
|
| Redwood | #AE4750 |
rgb(174, 71, 80) |
hsl(355, 42%, 48%) |
|
| Indian Red | #C6695D |
rgb(198, 105, 93) |
hsl(7, 48%, 57%) |
|
| Persian Orange | #CD9165 |
rgb(205, 145, 101) |
hsl(25, 51%, 60%) |
|
| Moss Green | #97916F |
rgb(151, 145, 111) |
hsl(51, 16%, 51%) |
|
| Gray | #7A7F7F |
rgb(122, 127, 127) |
hsl(180, 2%, 49%) |
|
| Taupe Gray | #7B727E |
rgb(123, 114, 126) |
hsl(285, 5%, 47%) |
|
| Chinese Violet | #79657A |
rgb(121, 101, 122) |
hsl(297, 9%, 44%) |
|
| Eggplant | #83546B |
rgb(131, 84, 107) |
hsl(331, 22%, 42%) |
|
| China Rose | #A05A78 |
rgb(160, 90, 120) |
hsl(334, 28%, 49%) |
Thanks to the work of the amazing people who actively contribute to Biscuit, we are proud to be able to offer all these ports!
🖌️ Theming
🧭 Browsers
💬 Messaging & Social
5CDF 🐚 CLI tools