Dusty Cocoa color palette — #FEF3EB · #EED5B5 · #E0A78A · #B0877C · #584500

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

The five colors

• Ivory (#FEF3EB): bright and airy, almost weightless.
• Wheat (#EED5B5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#E0A78A): A luminous, dusty orange — the color of toasted spice.
• Caramel (#B0877C): A luminous, dusty orange — the color of autumn markets.
• Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Feathered Chapel color palette (#FFF0F7, #FBCAF7, #F397A6, #C47A5F, #614303)
• Worn Taupe Boulevard color palette (#FFF0F8, #E6BECC, #C58D6E, #866A7F, #3E4C40)
• Marigold Cabin color palette (#FFEBD4, #D5C986, #DF9000, #C06044, #36362F)
• Aged Pewter Harbor color palette (#FBEDF4, #ABC3A8, #9A768A, #694D67, #1F3125)
• Linen Amber color palette (#F1E5D3, #B6B675, #B88300, #97593A, #262600)
• Linen Alley color palette (#F7ECCF, #8AAB70, #8A7F00, #7E4E00, #111A00)
• Hushed Marigold Veranda color palette (#FFF1F6, #C2A9EA, #C5A349, #5397B1, #413037)
• Garnet Basin color palette (#F1DBC9, #987D3A, #8E4C00, #711B1D, #030400)

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