Cocoa Study color palette — #D2ECFB · #00556A · #5B2E00 · #00222D · #030100
Built around Cocoa, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#D2ECFB): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#00556A): A full-bodied, dusty blue — the color of deep harbor water.
- Cocoa (#5B2E00): A deep, shadowed, balanced gold — the color of old brass.
- Midnight (#00222D): 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 Cocoa Study 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
- Basalt Ridge color palette (#CEF0FF, #004256, #472A00, #221D00, #000102)
- Eclipse Field color palette (#DEECFF, #0045A2, #4C3800, #001B48, #020100)
- Nocturne Workshop color palette (#CEEDE7, #00594F, #710035, #002520, #040001)
- Wandering Chestnut color palette (#CBEDDE, #00759B, #814100, #003042, #030100)
- Hushed Cornflower Dune color palette (#CAF0FD, #6185DD, #904B85, #00322D, #000206)
- Smoked Fern Study color palette (#F8EBD2, #535700, #372700, #1C0700, #000200)
- Fern Thicket color palette (#D6E6FD, #605B00, #001135, #190D13, #000106)
- Muted Grape Dune color palette (#E7EAF8, #691ED1, #445000, #32006D, #020300)
Browse the whole catalog at Explore, or see today's palette.