Dusty Cocoa Coast color palette — #FFF1F6 · #D6B674 · #784100 · #281200 · #040001

Bronze takes the lead with Sand close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sand (#D6B674): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#784100): A full-bodied, balanced gold — the color of old brass.
• Ink (#281200): A deep, shadowed, dusty gold — the color of old brass.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Misty Mulberry Corridor color palette (#FEF0FF, #D7B672, #901F39, #35000D, #030004)
• Timeworn Delta color palette (#E0FDF1, #ECBB4B, #565F00, #1D2100, #010100)
• Washed Workshop color palette (#EED7E1, #CBBA4E, #B75D00, #693C1A, #16050E)
• Washed Taupe color palette (#E0F5E3, #C09D50, #4E3700, #1D2624, #0C0600)
• Sunlit Study color palette (#EDF9ED, #EAAE56, #008E4D, #865900, #000200)
• Weathered Bronze color palette (#EDF9F1, #FBE3B0, #847643, #443700, #05130A)
• Powdered Olive color palette (#FFF3D4, #BAB959, #578500, #06550E, #00180F)
• Lowlit Bronze color palette (#CDE6E1, #9A7300, #082200, #040F0B, #000200)

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