Dusty Cocoa color palette — #FCF3EA · #EAD6BC · #CFB08E · #AF896C · #604100

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

The five colors

• Ivory (#FCF3EA): a clean, paper-quiet neutral.
• Wheat (#EAD6BC): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#CFB08E): A luminous, dusty gold — the color of old brass.
• Caramel (#AF896C): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, 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

• Weathered Rust color palette (#F6E4D9, #E4B69E, #CC8C73, #B35E4E, #352F2A)
• Moss Courtyard color palette (#FFF4DF, #E3DEB0, #BABF84, #809944, #33560C)
• Weathered Stone Coast color palette (#FDF2F5, #C7F0E9, #CEA57D, #8E7083, #30443B)
• Softworn Terracotta color palette (#F7DAC3, #C59368, #B16732, #963800, #221200)
• Airy Marigold Corridor color palette (#FBEDD5, #D8C97F, #C49F2A, #A67600, #3A3705)
• Wandering Corridor color palette (#FFECF2, #A4C5A6, #9F7583, #6C4E5B, #223025)
• Misty Delta color palette (#F5EDD9, #B5B584, #A18F11, #836700, #2B2400)
• Chestnut Alley color palette (#F5E3CB, #997D38, #7E5700, #5A3600, #050300)

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