Dusty Cocoa color palette — #F9F4EE · #E8DDC1 · #AEBC8F · #969E81 · #5F4A00

Bronze takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Bone (#E8DDC1): A whisper-light, dusty gold — the color of old brass.
• Sage (#AEBC8F): A luminous, dusty green — the color of a quiet forest floor.
• Taupe (#969E81): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#5F4A00): A full-bodied, balanced gold — the color of old brass.

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

• Ancient Dune color palette (#FFF1F7, #C3EDFA, #A2B78A, #738B90, #3C4A41)
• Weathered Field color palette (#E9FAF4, #E9D5D0, #9CCEC8, #B3B1A6, #554854)
• Mallow Thicket color palette (#E4FBF3, #90CFFF, #F3A3B8, #A4B874, #334841)
• Patina Stone Parlor color palette (#ECF4EF, #A6CEBC, #658C7F, #4A6863, #1F372D)
• Timeworn Clover color palette (#FAF5E5, #BEDA92, #64BC65, #4B9987, #3B3B34)
• Patina Emerald Quarry color palette (#E8E5D4, #9BC988, #16AC64, #3F827C, #2A2B0B)
• Sky Thicket color palette (#EDF8F3, #A7DDFE, #FDB38B, #62B3DF, #524C47)
• Olive Meadow color palette (#F6EDDA, #86912B, #407100, #00563C, #060700)

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