Dusty Cocoa color palette — #F4E0EB · #A06A6A · #674100 · #002639 · #01000C

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

The five colors

• Rose Water (#F4E0EB): A whisper-light, dusty pink — the color of neon signs at night.
• Mocha (#A06A6A): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#674100): A full-bodied, balanced gold — the color of old brass.
• Midnight (#002639): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#01000C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Bronze Basin color palette (#EAE2D4, #A27300, #533400, #151E1B, #0C0500)
• Softworn Rust Villa color palette (#FFEAEA, #C0462D, #683400, #251500, #020100)
• Aged Terracotta color palette (#FAE7ED, #9D3F1B, #463700, #002536, #060E1F)
• Patina Loft color palette (#F2D9E1, #965C00, #005C7F, #3F2400, #000103)
• Bronze Harbor color palette (#FDE5DC, #B7723D, #8C5F04, #1E4F1A, #101700)
• Hushed Nightshade Chapel color palette (#EAE1D0, #6E4E00, #004E63, #120099, #020100)
• Hushed Aubergine color palette (#FAE0D8, #A78441, #557137, #3C2068, #1D000F)
• Weathered Onyx Courtyard color palette (#D4ECE2, #598856, #004735, #2F0039, #000200)

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