Dusty Cocoa color palette — #FDF3EC · #DEE0CC · #B5B088 · #A47884 · #5D4000

Bronze and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Bone (#DEE0CC): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#B5B088): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#A47884): A luminous, dusty red — the color of a theater curtain.
• Bronze (#5D4000): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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 Basalt Atelier color palette (#FAF4EC, #C2E1D1, #A8B48A, #708E7B, #504700)
• Wandering Taupe color palette (#FDF3E9, #D7E4BD, #85AA7D, #777098, #3B3831)
• Weathered Driftwood Pier color palette (#FDF2F6, #A1CDB3, #728A61, #646477, #415248)
• Dusty Powder Courtyard color palette (#FFF1F5, #E4DAD2, #A9C2EC, #A2B2AF, #634B4B)
• Patina Summit color palette (#FDF2F4, #FCD1E7, #B6D89D, #B781CE, #394D2A)
• Wandering Driftwood color palette (#F7F1E6, #CDC49F, #8A863E, #50675E, #33312A)
• Wandering Driftwood color palette (#FFF0FE, #E0D8EA, #BD9DDB, #A16398, #6A4240)
• Airy Emerald color palette (#FFF3E5, #D9DF9B, #4AA958, #91527D, #2F3103)

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