Cocoa Ridge color palette — #E2F0FF · #827FB1 · #785B82 · #624000 · #121100

Built around Bronze, softened by Slate Blue — the whole palette hums with optimism and creativity.

The five colors

• Frost (#E2F0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#827FB1): A luminous, dusty violet — the color of twilight just after sunset.
• Graphite (#785B82): A full-bodied, dusty pink — the color of a candy shop window.
• Bronze (#624000): A full-bodied, balanced gold — the color of old brass.
• Ink (#121100): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Washed Petrol Study color palette (#D9F3F7, #618FAB, #586AA0, #733932, #210D00)
• Worn Pewter color palette (#E3DFED, #A5779B, #945666, #464E12, #001A09)
• Timeworn Cocoa color palette (#DAF3F7, #6679A3, #704360, #2F3701, #111500)
• Dusty Driftwood Coast color palette (#E3DFEE, #BD90BE, #B06F81, #5C6637, #003015)
• Twilit Boulevard color palette (#DBE8F9, #595B8C, #45204C, #231500, #000302)
• Navy Lagoon color palette (#C6E7E9, #4D8EA3, #4C3F7F, #00310F, #000201)
• Dusty Harbor color palette (#EAE4DA, #6CA8CE, #3577BB, #005B69, #01002F)
• Soft Archive color palette (#F6D6E2, #925BD9, #697A00, #6A22B0, #050700)

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