Cocoa Ridge color palette — #EAEFFF · #8F628E · #834137 · #003636 · #001414

Coffee takes the lead with Slate close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Frost (#EAEFFF): A whisper-light, dusty violet — the color of a velvet chair.
• Slate (#8F628E): A full-bodied, balanced pink — the color of a candy shop window.
• Coffee (#834137): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#003636): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001414): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: 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

• Driftwood Meadow color palette (#E2E4F6, #946E93, #6B3C39, #002723, #000304)
• Timeworn Mulberry color palette (#D1E8F3, #6C77AE, #7D2957, #003930, #001518)
• Wandering Archive color palette (#F3EBF8, #A6646E, #784A00, #002E59, #00132B)
• Muted Plum Orchard color palette (#F9E3FF, #9E5177, #5A2520, #0B2900, #00130D)
• Bronze Pier color palette (#EEECFF, #B27E9B, #A05F19, #30477B, #132651)
• Fern Studio color palette (#FBEAF2, #A34E00, #226A00, #5A2800, #010800)
• Denim Harbor color palette (#E3EAFF, #C19CBB, #A47161, #295D7F, #123750)
• Feathered Terrace color palette (#FFE4EE, #9F0060, #005669, #1A3957, #060002)

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