Cocoa Ridge color palette — #D0EEE2 · #006E9E · #772700 · #002F20 · #000A05
A conversation between Rust and Peacock, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D0EEE2): A whisper-light, dusty teal — the color of shallow lagoons.
- Peacock (#006E9E): A full-bodied, balanced blue — the color of deep harbor water.
- Rust (#772700): A deep, shadowed, balanced orange — the color of toasted spice.
- Deep Forest (#002F20): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000A05): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Optimism, Balance. Tagged 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
- Ancient Ultramarine color palette (#F7ECF6, #0060CE, #653900, #002C34, #00090C)
- Tempered Pier color palette (#DFF1DD, #007672, #830033, #252A00, #070800)
- Midnight Petrol Meadow color palette (#D5E7FA, #0069B7, #730029, #0C1A00, #000202)
- Azure Courtyard color palette (#C7F3E5, #0095DF, #9A5500, #00544C, #002B27)
- Faded Petrol Terrace color palette (#F1E1D8, #52B1C4, #006CA4, #004C36, #070D38)
- Tempered Cornflower Thicket color palette (#EEDBE9, #637CE8, #865800, #004869, #00213A)
- Moss Dune color palette (#EEDCC2, #7B8E20, #006433, #571E4B, #0E1200)
- Hushed Mulberry color palette (#D3E2ED, #9576C6, #A13360, #004D37, #002519)
Browse the whole catalog at Explore, or see today's palette.