Dusty Cocoa color palette — #C8E7E0 · #8AAFA1 · #906E7D · #664300 · #3E2908

Bronze and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Silver (#C8E7E0): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8AAFA1): A luminous, dusty teal — the color of shallow lagoons.
• Mocha (#906E7D): A full-bodied, dusty rose — the color of strawberry cream.
• Bronze (#664300): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3E2908): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Tempered Cocoa color palette (#DAE2CE, #94AE8C, #588377, #75381B, #442416)
• Weathered Fern Workshop color palette (#E0F3D7, #8FBCA9, #9D828E, #615802, #3A3A32)
• Wandering Veranda color palette (#D7F4FF, #BF9FB5, #8B657F, #4D4A00, #302E06)
• Worn Forest color palette (#CFE9FF, #A9A1D5, #A66D81, #0C624B, #003829)
• Antique Loft color palette (#C7F1E5, #6A9ABF, #765F9B, #00512E, #002D1F)
• Ancient Loft color palette (#E4F8EA, #D1B7CC, #AC8B8D, #5A6B28, #3D4D00)
• Driftwood Delta color palette (#DDEEFE, #9A81AD, #7A5348, #00493E, #0D2002)
• Cypress Ridge color palette (#FCF0DF, #9AA771, #3E724F, #295039, #211C00)

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