Dusty Cocoa color palette — #FDF3E7 · #D8C8AE · #B09778 · #926B4F · #594500

A conversation between Deep Olive and Walnut, giving this palette its sense of nature and growth.

The five colors

• Cream (#FDF3E7): bright and airy, almost weightless.
• Oat (#D8C8AE): A whisper-light, dusty gold — the color of old brass.
• Taupe (#B09778): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#926B4F): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#594500): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Dusty Chestnut Coast color palette (#FEF3E7, #D1BA96, #AD875B, #905A38, #403D36)
• Tempered Cocoa Ridge color palette (#FCF3ED, #E4CEAB, #9C735E, #733D0C, #36281E)
• Muted Workshop color palette (#E8E4D5, #97A578, #787525, #604A00, #112B04)
• Tempered Bone color palette (#EEF9EE, #BFE8C7, #98B997, #8D717D, #33443B)
• Chestnut Parlor color palette (#F1E8DC, #8B7D42, #6C4C00, #492700, #0C0C00)
• Patina Sand color palette (#FFF1F5, #E4DAAD, #D2A9B6, #A3899B, #374D47)
• Olive Chapel color palette (#FFF3E4, #DDC9A4, #9BA667, #4F822E, #00582A)
• Washed Cobalt color palette (#FEF3EA, #CF9F7F, #65A8AE, #597BB2, #5C3100)

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