- ☀️ 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!
🌙 Biscuit Dark
Image |
Label |
Hex |
RGB |
HSL |
![](assets/swatches/dark mode/night.png) |
Night |
#181515 |
rgb(24, 21, 21) |
hsl(0, 7%, 9%) |
![](assets/swatches/dark mode/raisin black.png) |
Raisin Black |
#221E1E |
rgb(34, 30, 30) |
hsl(0, 6%, 13%) |
![](assets/swatches/dark mode/van dyke.png) |
Van Dyke |
#423939 |
rgb(66, 57, 57) |
hsl(0, 7%, 24%) |
![](assets/swatches/dark mode/wenge.png) |
Wenge |
#6D5F5F |
rgb(109, 95, 95) |
hsl(0, 7%, 40%) |
![](assets/swatches/dark mode/cinereous.png) |
Cinereous |
#978787 |
rgb(151, 135, 135) |
hsl(0, 7%, 56%) |
![](assets/swatches/dark mode/silver.png) |
Silver |
#B6A8A5 |
rgb(182, 168, 165) |
hsl(11, 10%, 68%) |
![](assets/swatches/dark mode/antique white.png) |
Antique White |
#F4E6D2 |
rgb(244, 230, 210) |
hsl(35, 61%, 89%) |
![](assets/swatches/dark mode/persian red.png) |
Persian Red |
#CA3F3F |
rgb(202, 63, 63) |
hsl(0, 57%, 52%) |
![](assets/swatches/dark mode/flame.png) |
Flame |
#E46A3A |
rgb(228, 106, 58) |
hsl(17, 76%, 56%) |
![](assets/swatches/dark mode/butterscotch.png) |
Butterscotch |
#E39C45 |
rgb(227, 156, 69) |
hsl(33, 74%, 58%) |
![](assets/swatches/dark mode/moss green.png) |
Moss Green |
#989F56 |
rgb(152, 159, 86) |
hsl(66, 30%, 48%) |
![](assets/swatches/dark mode/viridian.png) |
Viridian |
#629386 |
rgb(98, 147, 134) |
hsl(164, 20%, 48%) |
![](assets/swatches/dark mode/steel blue.png) |
Steel Blue |
#517894 |
rgb(81, 120, 148) |
hsl(205, 29%, 45%) |
![](assets/swatches/dark mode/yinmn blue.png) |
YinMn Blue |
#4A5A8D |
rgb(74, 90, 141) |
hsl(226, 31%, 42%) |
![](assets/swatches/dark mode/purpureus.png) |
Purpureus |
#9F569A |
rgb(159, 86, 154) |
hsl(304, 30%, 48%) |
![](assets/swatches/dark mode/mulberry.png) |
Mulberry |
#C45497 |
rgb(196, 84, 151) |
hsl(324, 49%, 55%) |
🌞 Biscuit Light
Image |
Label |
Hex |
RGB |
HSL |
![](assets/swatches/light mode/antique white.png) |
Antique White |
#F4E6D2 |
rgb(244, 230, 210) |
hsl(35, 61%, 89%) |
![](assets/swatches/light mode/pale dogwood.png) |
Pale Dogwood |
#DBC6C2 |
rgb(219, 198, 194) |
hsl(10, 26%, 81%) |
![](assets/swatches/light mode/rose quartz.png) |
Rose Quartz |
#B79F9F |
rgb(183, 159, 159) |
hsl(0, 14%, 67%) |
![](assets/swatches/light mode/rose taupe.png) |
Rose Taupe |
#A18787 |
rgb(161, 135, 135) |
hsl(0, 12%, 58%) |
![](assets/swatches/dark mode/van dyke.png) |
Van Dyke |
#423939 |
rgb(66, 57, 57) |
hsl(0, 7%, 24%) |
![](assets/swatches/dark mode/jet.png) |
Jet |
#2B2626 |
rgb(43, 38, 38) |
hsl(0, 6%, 16%) |
![](assets/swatches/dark mode/night.png) |
Night |
#181515 |
rgb(24, 21, 21) |
hsl(0, 7%, 9%) |
![](assets/swatches/light mode/fire engine red.png) |
Fire Engine Red |
#CB2424 |
rgb(203, 36, 36) |
hsl(0, 70%, 47%) |
![](assets/swatches/light mode/giants orange.png) |
Giants Orange |
#E95318 |
rgb(233, 83, 24) |
hsl(17, 83%, 50%) |
![](assets/swatches/light mode/earth yellow.png) |
Earth Yellow |
#E98F21 |
rgb(233, 143, 33) |
hsl(33, 82%, 52%) |
![](assets/swatches/light mode/apple green.png) |
Apple Green |
#9BA636 |
rgb(155, 166, 54) |
hsl(66, 51%, 43%) |
![](assets/swatches/light mode/zomp.png) |
Zomp |
#3E9F85 |
rgb(62, 159, 133) |
hsl(164, 44%, 43%) |
![](assets/swatches/light mode/ucla blue.png) |
UCLA Blue |
#34709B |
rgb(52, 112, 155) |
hsl(205, 50%, 41%) |
![](assets/swatches/light mode/martian blue.png) |
Martian Blue |
#2F4692 |
rgb(47, 70, 146) |
hsl(226, 51%, 38%) |
![](assets/swatches/light mode/plum.png) |
Plum |
#A6369F |
rgb(166, 54, 159) |
hsl(304, 51%, 43%) |
![](assets/swatches/light mode/red violet.png) |
Red Violet |
#CF2D8E |
rgb(207, 45, 142) |
hsl(324, 64%, 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!
👾 Editors & IDEs
🌱 Terminal Emulators
🖌️ Theming
🧭 Browsers
💬 Messaging & Social
🐚 CLI tools