Dusty Cocoa color palette — #FFF2E9 · #F2D3B8 · #D2AE93 · #A58C7D · #663D00

Bronze takes the lead with Rosewood Mist close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Wheat (#F2D3B8): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#D2AE93): A luminous, dusty gold — the color of old brass.
• Caramel (#A58C7D): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#663D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

• Driftwood Lantern color palette (#FBEFE8, #CDB79D, #A37763, #734D43, #322B1B)
• Weathered Garden color palette (#FDF1F7, #EDD4D1, #C6A2B5, #8A7184, #364337)
• Washed Stone color palette (#F5E6C8, #CCC47D, #AF9D5E, #7E7972, #32302A)
• Patina Honey color palette (#FEEBD5, #FABC42, #DA9322, #A87240, #423307)
• Weathered Bronze Meadow color palette (#EFDECE, #AF7117, #8C4E00, #61300D, #060300)
• Aged Alley color palette (#E5FBF3, #82CCFF, #D3A4D3, #92A078, #30413C)
• Moss Terrace color palette (#EDEBCC, #A0A734, #887F0F, #6B5900, #1A1600)
• Timeworn Corridor color palette (#F3F4FF, #DDD9FF, #BCABE6, #9D84B5, #5E3D66)

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