Dusty Cocoa color palette — #FFF2ED · #E0D9CD · #D2C39E · #B8808B · #773A1C

Built around Bronze, softened by Dusty Rose — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0D9CD): bright and airy, almost weightless.
• Sand (#D2C39E): A whisper-light, dusty gold — the color of old brass.
• Dusty Rose (#B8808B): A luminous, dusty red — the color of a theater curtain.
• Bronze (#773A1C): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Chestnut Ridge color palette (#FFF3E8, #DDDBCB, #97C4B6, #C49C83, #764906)
• Muted Driftwood color palette (#FFF2EE, #E0DBCE, #D7C98B, #9B6791, #554D4A)
• Amber Meadow color palette (#FFF3E4, #F8E4A8, #CED17B, #C5803B, #533F0A)
• Worn Cocoa color palette (#FDF3EC, #DFBE92, #936645, #633600, #291F17)
• Hushed Workshop color palette (#EEDFCF, #BF9753, #937C00, #6F3300, #140A00)
• Worn Harbor color palette (#FCF1FE, #F4E4A8, #EAD4D6, #CD9DBD, #584757)
• Weathered Mustard Terrace color palette (#FFF2EA, #FFD5B2, #EBA800, #C85133, #5E2D08)
• Terracotta Lantern color palette (#EADBD4, #DB9F85, #C87920, #9D2835, #370C00)

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