Twilit Cocoa color palette — #D2F2FB · #004E4F · #572600 · #241B00 · #000202
Built around Espresso, softened by Forest — the whole palette hums with optimism and sophistication.
The five colors
- Frost (#D2F2FB): A whisper-light, dusty blue — the color of open sky before noon.
- Forest (#004E4F): A deep, shadowed, dusty teal — the color of glacier melt.
- Espresso (#572600): A deep, shadowed, balanced gold — the color of honey in a jar.
- Onyx (#241B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#000202): a grounded near-black with real depth.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Twilit Cocoa into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Garnet Meadow color palette (#D3EFFB, #004D56, #62004A, #2C1600, #000102)
- Quiet Ultramarine Lantern color palette (#E9F0FF, #322FCE, #583F00, #002F25, #000111)
- Washed Balcony color palette (#D2E8D6, #006D78, #7D4000, #4E2D00, #000607)
- Lowlit Orchard color palette (#E2F5ED, #005C83, #380078, #141600, #000107)
- Patina Petrol color palette (#D3EAFC, #006C9B, #6B5100, #004035, #000813)
- Antique Aubergine color palette (#D1E2EB, #007586, #4B007C, #003038, #010009)
- Timeworn Hollow color palette (#E4F5FF, #0089AC, #906000, #005742, #001720)
- Worn Abyss color palette (#E2E9F0, #98A0AF, #82739E, #003A5B, #00050C)
Browse the whole catalog at Explore, or see today's palette.