Cocoa Ridge color palette — #CEE5F8 · #00517D · #662300 · #002036 · #030000

Built around Rust, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Frost (#CEE5F8): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#00517D): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#662300): A deep, shadowed, balanced orange — the color of autumn markets.
• Midnight (#002036): 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 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

• Smoked Navy Terrace color palette (#DDE8F7, #00479D, #483A00, #001C46, #020100)
• Charred Garnet Delta color palette (#C8EAED, #005A47, #74001B, #00251C, #040000)
• Velvet Abyss color palette (#D0ECFC, #00415B, #472900, #221D00, #000103)
• Aged Cocoa Corridor color palette (#D4F7E8, #00749F, #873B00, #002F44, #030100)
• Aubergine Chapel color palette (#D1EBFF, #00587B, #6B0063, #002435, #10000E)
• Terracotta Hollow color palette (#CDEBD1, #974100, #005D6B, #070C10, #000102)
• Moonless Nightshade Terrace color palette (#DCE2F0, #3900D4, #403E00, #150061, #010100)
• Aged Mulberry color palette (#C5E5F0, #7084DF, #943C8D, #004036, #000205)

Browse the whole catalog at Explore, or see today's palette.