Dusty Cocoa color palette — #FEF3E8 · #E6D7BF · #CEB091 · #B88472 · #574600

Built around Deep Olive, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Ivory (#FEF3E8): bright and airy, almost weightless.
• Bone (#E6D7BF): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#CEB091): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#B88472): A luminous, dusty orange — the color of autumn markets.
• Deep Olive (#574600): A full-bodied, 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

• Ancient Amber color palette (#FFF1F3, #FFCEE2, #E8A4A0, #CF7946, #5C4000)
• Weathered Bronze Archive color palette (#FFF1F5, #BDD1BD, #B79471, #966949, #3C4D3F)
• Rust Quarry color palette (#F7E4D9, #DFB99A, #CD8A74, #AD5F68, #34302A)
• Marigold Balcony color palette (#FEECCE, #CCCC8F, #C99D20, #B66A17, #273D0C)
• Stone Veranda color palette (#FEECF3, #CEB98C, #9E7585, #694E61, #1F3128)
• Muted Lagoon Terrace color palette (#FFF2EE, #EDA4AC, #B4A365, #229F9B, #433034)
• Wandering Bronze Terrace color palette (#E8DFC9, #ABB983, #A08F37, #935E00, #0A2C06)
• Muted Wisteria color palette (#FBF3F4, #F4D0F8, #E0AB7F, #CD93D3, #322D28)

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