Deep Cocoa color palette — #E0EFF6 · #005664 · #583000 · #00232A · #030100
Cocoa and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#E0EFF6): a clean, paper-quiet neutral.
- Peacock (#005664): A full-bodied, dusty blue — the color of open sky before noon.
- Cocoa (#583000): A deep, shadowed, balanced gold — the color of honey in a jar.
- Midnight (#00232A): A deep, shadowed, dusty blue — the color of open sky before noon.
- 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
- Eclipse Garnet color palette (#CDF2F1, #005C36, #740013, #002613, #040000)
- Washed Cocoa color palette (#D9EAE2, #007698, #853D00, #003040, #030100)
- Nocturne Chapel color palette (#D9ECFB, #005372, #67005C, #002231, #030003)
- Lowlit Fern color palette (#DDF4E0, #545600, #382600, #1D0700, #000201)
- Deep Denim Summit color palette (#D9E8C6, #7D5600, #005492, #0B0B14, #000104)
- Quiet Byzantium color palette (#DBF2FF, #6B8DC6, #8D3FA1, #003B30, #000309)
- Eclipse Nightshade Thicket color palette (#E3ECFB, #1F3FA8, #543300, #040068, #020100)
- Sunlit Grape color palette (#E9E7FF, #8421A7, #5B4600, #420057, #040200)
Browse the whole catalog at Explore, or see today's palette.