Cocoa Terrace color palette — #CCEEF0 · #004E53 · #582500 · #321200 · #000607
Built around Espresso, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Frost (#CCEEF0): A whisper-light, dusty blue — the color of open sky before noon.
- Forest (#004E53): A deep, shadowed, dusty blue — the color of open sky before noon.
- Espresso (#582500): A deep, shadowed, balanced orange — the color of toasted spice.
- Onyx (#321200): A deep, shadowed, dusty orange — the color of toasted spice.
- Ink (#000607): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Cocoa Terrace 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
- Lowlit Abyss color palette (#D6E5F2, #003B5C, #3B2500, #1C1000, #000205)
- Garnet Station color palette (#C5F2E8, #005045, #68002B, #3C0016, #000605)
- Midnight Ridge color palette (#E3EEFF, #1500CB, #493100, #281900, #01001F)
- Deep Aubergine color palette (#CAE4EB, #004C5B, #450084, #0B2300, #000102)
- Grape Canyon color palette (#DDE5F7, #4800DB, #374B00, #212E00, #040A26)
- Softworn Chestnut Hollow color palette (#C0EDFF, #007682, #7E4B00, #583300, #002529)
- Quiet Ultramarine Garden color palette (#CBDFFF, #2651D7, #635200, #433700, #091A35)
- Worn Terrace color palette (#DEECF7, #9BAAC6, #7D7C94, #003C57, #031623)
Browse the whole catalog at Explore, or see today's palette.