Cocoa Dune color palette — #FFF1F2 · #FED0CF · #DD93A7 · #A26668 · #7D4021

A conversation between Bronze and Ballet Pink, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#FED0CF): A whisper-light, dusty red — the color of a theater curtain.
• Ballet Pink (#DD93A7): A luminous, balanced red — the color of late-summer berries.
• Mocha (#A26668): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#7D4021): A full-bodied, balanced orange — the color of sun-warmed clay.

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

• Timeworn Coast color palette (#FFF2ED, #EAD7C5, #E7A582, #9C704A, #6B4600)
• Wandering Lantern color palette (#FFF2ED, #E3D8D2, #DF9F9A, #8A5454, #461E1A)
• Mallow Study color palette (#FFF0F8, #EFD3E9, #CEA6DD, #986C93, #603B3E)
• Coral Studio color palette (#E8E9FF, #D9A5CE, #C96B7E, #7D443B, #442A38)
• Ember Balcony color palette (#FFD6D9, #FE8680, #D64C26, #783500, #351A00)
• Aged Taupe color palette (#FFF2EE, #F4D3C7, #8EDDD3, #C6858E, #394C35)
• Weathered Summit color palette (#FFF1F1, #FFA18B, #D57135, #914F00, #482E00)
• Tangerine Balcony color palette (#FFEBE7, #F06F33, #9C5400, #513200, #1A1100)

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