Dusty Cocoa color palette — #FFF4E1 · #FCD5AB · #B0A175 · #4D7F67 · #573800

Cocoa takes the lead with Peach Cream close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Peach Cream (#FCD5AB): A whisper-light, dusty gold — the color of old brass.
• Camel (#B0A175): A luminous, dusty green — the color of new leaves after rain.
• Fern (#4D7F67): A full-bodied, dusty teal — the color of glacier melt.
• Cocoa (#573800): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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

• Patina Bronze Summit color palette (#FFF3E6, #FFCFCB, #C29783, #817328, #662C07)
• Ancient Archive color palette (#EAFAED, #CD9D68, #8B7531, #32654E, #3F4C3F)
• Hushed Thicket color palette (#F9F5EB, #C2E1CE, #B4B08A, #AC7A43, #534600)
• Timeworn Oat Thicket color palette (#FCF5DE, #B5DA90, #68A178, #156D88, #32322B)
• Hushed Abyss Chapel color palette (#FDF5DC, #D6E0CE, #C0C2AE, #7C9481, #3E594C)
• Iris Field color palette (#FFF3E3, #FAC1B3, #C0AD74, #7F85C7, #6A3A00)
• Worn Bronze color palette (#E8F6EA, #D69B89, #8B771E, #435079, #3A252E)
• Muted Mustard color palette (#FFF4DB, #B7A308, #5E7500, #004949, #141300)

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