Cocoa Ridge color palette — #D3E3F0 · #005374 · #612800 · #002232 · #030100
A conversation between Rust and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#D3E3F0): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#005374): A full-bodied, balanced blue — the color of open sky before noon.
- Rust (#612800): A deep, shadowed, balanced orange — the color of toasted spice.
- Midnight (#002232): 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 Ridge 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 Villa color palette (#DEF0F4, #005952, #710034, #002421, #040001)
- Chestnut Thicket color palette (#CAEAFC, #007793, #784800, #00313E, #020100)
- Moonless Navy color palette (#E0ECFF, #24429F, #4E3700, #040068, #020100)
- Velvet Fern Basin color palette (#D8E7DC, #575517, #342800, #170B00, #010100)
- Ancient Pier color palette (#DEEDFB, #7386B2, #755CAE, #003A47, #00020B)
- Velvet Onyx Bloom color palette (#DAE1F0, #705300, #0D0047, #0D051B, #01000A)
- Aged Cobalt color palette (#D8E9FF, #3B7FD6, #8F6000, #00448D, #1B0F00)
- Timeworn Grape color palette (#E6E8F9, #6E34B2, #425100, #380067, #020300)
Browse the whole catalog at Explore, or see today's palette.