Dusty Cocoa color palette — #E7F6EE · #8CB6A4 · #7D7744 · #5B4A0C · #002A20

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

The five colors

• Cream (#E7F6EE): a clean, paper-quiet neutral.
• Sage (#8CB6A4): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#7D7744): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#5B4A0C): A full-bodied, dusty green — the color of fresh herbs.
• Deep Forest (#002A20): 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

• Fern Chapel color palette (#D3E6DD, #79A393, #6A6813, #493E00, #001E17)
• Hushed Chapel color palette (#FFECF4, #C69EAE, #9B6744, #6C3E2A, #182717)
• Ancient Chestnut color palette (#FCEDF2, #B0C1AF, #9D7684, #744E35, #233024)
• Bronze Chapel color palette (#E7FBEF, #BBE8D9, #A99F65, #87632F, #113935)
• Softworn Hollow color palette (#E4F6F5, #4F9869, #AA5D40, #714800, #001F1E)
• Weathered Denim color palette (#EAF4F7, #A2BD96, #09606A, #002D33, #000F16)
• Chestnut Study color palette (#D6E8D6, #6A4D00, #3B2500, #190A00, #020100)
• Muted Atelier color palette (#F4D6E4, #B97F49, #8C4400, #5D2000, #1D0E00)

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