Deep Cocoa color palette — #D4E6EF · #005470 · #5D2C00 · #002230 · #030100
A conversation between Cocoa and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#D4E6EF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#005470): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#5D2C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Midnight (#002230): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#030100): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Deep 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
- Charred Garnet color palette (#CBECF8, #00575E, #72002E, #002427, #040001)
- Basalt Orchard color palette (#D0E4F2, #00405F, #502200, #251D00, #000103)
- Velvet Terrace color palette (#D4E8DB, #A52F00, #005C6F, #080C11, #000103)
- Washed Chestnut color palette (#CDF1E1, #00739A, #8C3E00, #003E55, #0F0300)
- Shadow Ultramarine Veranda color palette (#DDE7F9, #0034C3, #4D3700, #001359, #020100)
- Lowlit Denim color palette (#D9E5F2, #006598, #002F4B, #221A20, #000713)
- Mulberry Terrace color palette (#C2E7FB, #00759D, #8C0088, #003043, #030003)
- Grape Grove color palette (#D8F1FD, #668BCA, #8546A4, #003432, #000105)
Browse the whole catalog at Explore, or see today's palette.