Cocoa Dune color palette — #FFF2EF · #E3D8D2 · #E0998F · #9D6959 · #622F09
A conversation between Cocoa and Rosewood Mist, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF2EF): bright and airy, almost weightless.
- Bone (#E3D8D2): a clean, paper-quiet neutral.
- Rosewood Mist (#E0998F): A luminous, balanced orange — the color of toasted spice.
- Mocha (#9D6959): A full-bodied, dusty orange — the color of autumn markets.
- Cocoa (#622F09): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.
Use it as a design system
One click turns Cocoa Dune 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
- Amber Parlor color palette (#FFF1F6, #FFCFD5, #E7A39B, #C17F61, #643D00)
- Stone Coast color palette (#FFF1F4, #ECD7DC, #D899BE, #A06880, #612A3A)
- Dusty Stone Summit color palette (#FFF2E9, #DEDBCB, #D0AB73, #897541, #453C00)
- Chalky Apricot Grove color palette (#FFECE5, #FF9242, #B16400, #5A3900, #1A1100)
- Weathered Chestnut Thicket color palette (#F7EEFF, #CEB0D0, #B67468, #8A400E, #452600)
- Wandering Taupe color palette (#FCF3F1, #E2D9D0, #B1B1A6, #9E9476, #534B4A)
- Washed Pier color palette (#FFF2EE, #FFB5BA, #B99167, #656595, #502D30)
- Dusty Cabin color palette (#FFF2ED, #FB897D, #7D431B, #332824, #140E0C)
Browse the whole catalog at Explore, or see today's palette.