Dusty Cocoa color palette — #FCF4EA · #D6C9B1 · #B19771 · #946A49 · #574600

Deep Olive and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF4EA): bright and airy, almost weightless.
• Oat (#D6C9B1): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#B19771): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#946A49): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Olive (#574600): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Chestnut Archive color palette (#FCF4E9, #C5B793, #9A7A4F, #874C26, #4E4A00)
• Wandering Stone color palette (#ECFAEC, #B4EDE6, #C5AA81, #8C717D, #31443B)
• Pale Corridor color palette (#EFDCB4, #A9AB46, #8D7600, #6F4B00, #212E00)
• Ancient Chestnut color palette (#EFDDCC, #A9854F, #8D4F00, #682500, #1D1500)
• Powdered Garnet Balcony color palette (#EDDACF, #BE9479, #A25C44, #882329, #351E00)
• Worn Sand Basin color palette (#EDF9EC, #E2DBA8, #A2BFA0, #A6889B, #394C48)
• Patina Periwinkle Market color palette (#FDF1FA, #93A9E3, #C19065, #738247, #463844)
• Softworn Market color palette (#F2EADC, #787132, #574200, #351E00, #030400)

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