Dusty Cocoa color palette — #F8F5EE · #D6DED4 · #B6C4BB · #7B7645 · #594500

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

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Silver (#D6DED4): bright and airy, almost weightless.
• Stone (#B6C4BB): soft and architectural.
• Walnut (#7B7645): A full-bodied, dusty green — the color of fresh herbs.
• Deep Olive (#594500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, 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

• Aged Chestnut color palette (#FBF4EA, #B9AF8E, #637C57, #785107, #504100)
• Weathered Orchard color palette (#F7F5EF, #D7DBD4, #BAC3B8, #93944E, #4B483D)
• Patina Basalt Bloom color palette (#F1EDDE, #A9AB98, #76856B, #373B00, #191400)
• Wandering Olive color palette (#EDF4F0, #CFD9DA, #ACC1C5, #77793F, #252F2A)
• Softworn Fern color palette (#F7F6EA, #CFD6BD, #96AF8D, #4B6500, #34332C)
• Timeworn Abyss Thicket color palette (#DCE5DB, #ABBEB3, #76968E, #004F4D, #142413)
• Weathered Mint Garden color palette (#F7F6E6, #FAD191, #A7C476, #219A91, #3C3D36)
• Antique Taupe color palette (#FFF3E7, #A29A4E, #39785B, #623C6F, #3E3D36)

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