Cocoa Dune color palette — #FFF1F2 · #FFCADC · #EC9FA5 · #B8806E · #734105

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#FFCADC): A whisper-light, dusty rose — the color of a warm blush.
• Rose Quartz (#EC9FA5): A luminous, balanced red — the color of late-summer berries.
• Caramel (#B8806E): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#734105): A full-bodied, balanced gold — the color of old brass.

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

• Washed Apricot color palette (#FFF1EE, #FFCCC0, #E0A37F, #AE8755, #55514A)
• Mallow Thicket color palette (#FFE6F3, #E6C3F7, #DCA1D0, #B27998, #66443D)
• Patina Ember color palette (#F2EAFF, #E19DAE, #C76766, #884E3E, #452C39)
• Quiet Boulevard color palette (#F8DCE1, #FFA29E, #FF7244, #C16800, #513600)
• Dusty Coral Study color palette (#FFF2ED, #FEC4BF, #8DD5DD, #DE918A, #35563E)
• Cocoa Courtyard color palette (#FFF2ED, #E0DBCE, #B6C3D0, #CDAD9A, #743E0C)
• Dusty Marigold color palette (#FFDDCE, #FABF7D, #CCA244, #928436, #454D24)
• Aged Amber color palette (#FBE3DC, #DB7200, #A76B00, #6B5400, #222200)

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