Dusty Cocoa color palette — #E5F7ED · #A6B286 · #7A7749 · #5D4919 · #0C2824

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

The five colors

• Cream (#E5F7ED): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#A6B286): A luminous, dusty green — the color of fresh herbs.
• Walnut (#7A7749): A full-bodied, dusty green — the color of a quiet forest floor.
• Bronze (#5D4919): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Onyx (#0C2824): A deep, shadowed, dusty teal — the color of glacier melt.

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 Lagoon color palette (#FFECF2, #96B59A, #906D4A, #614052, #12281C)
• Washed Basalt Summit color palette (#FCF5E2, #AAA98A, #7A743F, #6D491E, #344400)
• Tempered Taupe color palette (#E7FBF0, #CEE6BA, #A6A06A, #846441, #1A3737)
• Antique Fern Meadow color palette (#E0F3E8, #838D4D, #605600, #412D00, #00120E)
• Chestnut Lantern color palette (#F3D7E8, #BB8D6C, #905138, #632928, #081D08)
• Antique Denim color palette (#E9F4FA, #C7B082, #1D5E6F, #002C3D, #000F17)
• Wandering Cerulean Station color palette (#E5F5FF, #0094BC, #9E6168, #724700, #081C28)
• Muted Cocoa Veranda color palette (#FFE9F3, #946732, #6A3100, #440B00, #000801)

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