You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
π¨βπ¨ Design Philosophy
βοΈ 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
π¨ Flavours
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
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 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%)
π Ports
Thanks to the work of the amazing people who actively contribute to Biscuit, we are proud to be able to offer all these ports!