Cocoa Studio color palette — #D1E5F0 · #005568 · #662200 · #00232C · #030000
A conversation between Rust and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#D1E5F0): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#005568): A full-bodied, dusty blue — the color of deep harbor water.
- Rust (#662200): A deep, shadowed, balanced orange — the color of toasted spice.
- Midnight (#00232C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Cocoa Studio 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 Garden color palette (#D4F7F9, #005A46, #6E0041, #00251B, #040001)
- Terracotta Meadow color palette (#DEF4FD, #007889, #893900, #003139, #030100)
- Navy Hollow color palette (#D2E0F8, #28429C, #4D3700, #060067, #020100)
- Moonless Coast color palette (#D6E7D7, #635008, #3A2500, #1A0900, #010100)
- Deep Villa color palette (#D8ECF9, #00668B, #002D43, #1D1518, #000912)
- Timeworn Lantern color palette (#CFECFE, #6D93BD, #5B5AC0, #00363C, #000409)
- Inked Chestnut Meadow color palette (#D7E0ED, #705300, #000F3A, #0A0914, #000107)
- Faded Cobalt color palette (#E3F2FF, #0087CA, #9A5900, #004B73, #1E0D00)
Browse the whole catalog at Explore, or see today's palette.