Dusty Cocoa color palette — #F1EAE5 · #C1B8A5 · #909073 · #693500 · #281D12

Bronze takes the lead with Eucalyptus close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F1EAE5): bright and airy, almost weightless.
• Stone (#C1B8A5): A luminous, dusty gold — the color of old brass.
• Eucalyptus (#909073): A luminous, dusty green — the color of fresh herbs.
• Bronze (#693500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#281D12): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: 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

• Cocoa Field color palette (#F3EBEE, #A8B8AB, #7A9487, #623800, #17040B)
• Tempered Workshop color palette (#E8E1D9, #CAC3B7, #AEA488, #895100, #291D10)
• Fern Alley color palette (#EFEFE4, #C8CEC4, #92A698, #316312, #2E2F22)
• Wandering Spruce Courtyard color palette (#EEECE5, #989C8C, #647662, #2B2E00, #0C0900)
• Muted Bronze color palette (#FAF4EE, #D9DDD3, #B9C3B9, #8E6D46, #4D463F)
• Antique Alley color palette (#EEE4E8, #B5C7C4, #86B5BE, #BC6716, #271B21)
• Timeworn Bronze Ridge color palette (#FFE3E6, #A27741, #3D633A, #4E2149, #3A0E1D)
• Pine Station color palette (#EAE6D5, #468B55, #005048, #481A3D, #002209)

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