Dusty Cocoa color palette — #FFF3E9 · #C3E4CE · #BBB9C3 · #CDA291 · #644400

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Celadon Mist (#C3E4CE): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#BBB9C3): soft and architectural.
• Camel (#CDA291): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#644400): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Washed Drift color palette (#FFF4E0, #C2FADE, #BBDBEF, #C79C7F, #5B4800)
• Patina Harbor color palette (#FFF1F5, #D6FFE4, #B1CB8F, #A46E53, #3F5642)
• Worn Sand color palette (#FFF3E8, #F7D8A6, #C19371, #8A5E55, #34312B)
• Mint Bloom color palette (#F0EED3, #97CF7D, #00A396, #5A3A00, #010100)
• Timeworn Driftwood Summit color palette (#FFECF4, #CEF5DD, #9DD9BC, #B56B79, #1A3322)
• Antique Clover Station color palette (#FFEBD2, #E4D164, #32C479, #873925, #050300)
• Mustard Veranda color palette (#FCF5E0, #BEB800, #A293CD, #76699B, #2A2413)
• Sky Archive color palette (#F3FAD3, #8BFAEE, #65C4F4, #707128, #001C11)

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