Dusty Cocoa Ridge color palette — #DCEDFF · #9EAAE8 · #8D6DA1 · #704508 · #362F00

Bronze takes the lead with Mauve close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#DCEDFF): A whisper-light, dusty blue — the color of deep harbor water.
• Mauve (#9EAAE8): A luminous, balanced violet — the color of wild irises.
• Slate (#8D6DA1): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#704508): A full-bodied, balanced gold — the color of old brass.
• Espresso (#362F00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Dusty 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

• Muted Ash color palette (#E7F0FF, #A394C0, #756C87, #574619, #08372C)
• Muted Field color palette (#B1EDFE, #86B3D8, #7677B1, #65445B, #412800)
• Hushed Harbor color palette (#E5EAFF, #B2ADD4, #93809E, #3E6655, #1D3C39)
• Worn Bronze Bloom color palette (#E3F2FF, #B9BFF7, #A589B7, #9A5C08, #594F00)
• Driftwood Station color palette (#EEEFFF, #926FA8, #673E55, #382F00, #061700)
• Tempered Abyss color palette (#D5FFFA, #D1DDFB, #B393BF, #5A744D, #2E4E1A)
• Aged Loft color palette (#F4E5FE, #D180B1, #905050, #314E18, #002F23)
• Washed Fern color palette (#DFF6CE, #8AB399, #6E749A, #3F6534, #135445)

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