Shadow Cocoa color palette — #DAEFE1 · #005B6B · #5E3100 · #00252D · #0D0400
Built around Cocoa, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DAEFE1): A whisper-light, dusty teal — the color of sea glass.
- Peacock (#005B6B): A full-bodied, dusty blue — the color of deep harbor water.
- Cocoa (#5E3100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Midnight (#00252D): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#0D0400): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Shadow 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
- Nocturne Garnet Chapel color palette (#D6E8D4, #005E5A, #77002D, #002725, #130003)
- Wandering Atelier color palette (#F8EAF8, #114F9B, #593500, #001E48, #0C0400)
- Moonless Garnet color palette (#CCE4F7, #00436A, #650018, #351E00, #000205)
- Petrol Orchard color palette (#C5E4F6, #006D9A, #003348, #2D252C, #000B16)
- Inked Aubergine Orchard color palette (#D8E6EE, #00546E, #61006B, #00222F, #030004)
- Hushed Fern color palette (#DBF6E6, #00758F, #4D6100, #003F4E, #040700)
- Velvet Quarry color palette (#E8DED0, #655A04, #3B2700, #1F0A00, #020400)
- Feathered Aubergine Ridge color palette (#FEDFF1, #584BB4, #495100, #2C007C, #0F1100)
Browse the whole catalog at Explore, or see today's palette.