Dusty Cocoa Ridge color palette — #EAF5EC · #8AB7A6 · #877241 · #703D19 · #082825

A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#EAF5EC): bright and airy, almost weightless.
• Sage (#8AB7A6): A luminous, dusty teal — the color of sea glass.
• Walnut (#877241): A full-bodied, dusty gold — the color of old brass.
• Bronze (#703D19): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#082825): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Ancient Cocoa color palette (#D1E7D8, #74A495, #756324, #5E3100, #001D1C)
• Tempered Grove color palette (#EAFAEE, #AFA976, #8C6E18, #6D491B, #27443A)
• Weathered Garnet color palette (#FCEDF6, #C59FAC, #976758, #713747, #0E291A)
• Garnet Lagoon color palette (#DCF0DA, #AFA157, #945D00, #7A1E00, #142100)
• Patina Bronze Chapel color palette (#FFF4E2, #C7BE99, #A78B51, #915A2C, #3E4100)
• Tempered Cocoa Station color palette (#E8F3FF, #568BBE, #7E68A3, #7C3F00, #0B1B2B)
• Feathered Terracotta Market color palette (#FFE8F7, #B5814A, #9F2F00, #68002E, #171100)
• Muted Corridor color palette (#E2F3EA, #5D7D46, #4B4500, #331D00, #000703)

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