Dusty Cocoa Ridge color palette — #FFF2ED · #D9BA9C · #7F4F4B · #5F2405 · #2A241D

A conversation between Espresso and Coffee, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Sand (#D9BA9C): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#7F4F4B): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#5F2405): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#2A241D): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Softworn Bronze Parlor color palette (#FBF3EF, #E5B39F, #9D7539, #9B593F, #322D27)
• Patina Cocoa color palette (#F9F3F9, #B7DBCA, #8E7291, #6B3E44, #2F2930)
• Worn Chestnut Coast color palette (#FCF4E8, #C6AB72, #684C01, #312D27, #1C1C0E)
• Washed Taupe color palette (#FBF2F9, #FED5B2, #CB8B84, #7D6479, #31282F)
• Timeworn Chestnut Ridge color palette (#FFF3E8, #D3B082, #96804F, #6E5D13, #4D4900)
• Worn Chapel color palette (#EBE0D2, #9E7100, #372200, #182626, #100700)
• Twilit Chestnut color palette (#F6D8C8, #865000, #121A11, #2B0500, #080000)
• Cocoa Alley color palette (#FFF2EB, #C17C68, #788650, #6C547C, #632B00)

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