Dusty Cocoa color palette — #FFE8E3 · #FFC2C0 · #ECA596 · #BD886D · #724004

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

The five colors

• Rose Water (#FFE8E3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Shell Pink (#FFC2C0): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#ECA596): A luminous, balanced orange — the color of autumn markets.
• Caramel (#BD886D): A luminous, dusty orange — the color of autumn markets.
• Bronze (#724004): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged light, muted, warm.

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

• Muted Villa color palette (#FFF3E8, #EBDBB5, #DDA98A, #AC7D5B, #582F00)
• Muted Archive color palette (#FFF1F2, #F8C0DE, #E49AAD, #C07F83, #58504C)
• Misty Ember color palette (#FAE6FF, #E8A2A2, #CA6852, #8B4E34, #4E313E)
• Muted Taupe Atelier color palette (#FFF2EB, #FEC6B3, #93D2E7, #D8957F, #2F5743)
• Wandering Chestnut Parlor color palette (#FFF2EA, #DEDBCC, #B8C8D5, #D5B1A5, #764509)
• Hushed Field color palette (#FFE7E3, #FFA382, #F57E15, #B86E00, #4F3500)
• Oat Hollow color palette (#FFF2EA, #F5B79A, #89CFB1, #A9A7E1, #48413C)
• Mustard Corridor color palette (#FDDDB5, #ECC77E, #C0AF4E, #8A8B3E, #3F4B26)

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