Cocoa Dune color palette — #FFF2EF · #FFC2CD · #D1C98A · #D294A0 · #604A00

Bronze and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Shell Pink (#FFC2CD): A whisper-light, dusty red — the color of a theater curtain.
• Pistachio (#D1C98A): A whisper-light, balanced green — the color of fresh herbs.
• Rosewood Mist (#D294A0): A luminous, dusty red — the color of late-summer berries.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged light, muted.

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

• Shell Terrace color palette (#FFF2EE, #FFADB6, #DFB678, #BAA3D4, #513D38)
• Cocoa Hollow color palette (#FFF3E6, #EFD5AD, #CEB08E, #A78C74, #5F4200)
• Seafoam Corridor color palette (#FFF3E9, #FFC7A3, #9ED7A8, #D49973, #4C4E47)
• Timeworn Coral color palette (#FFF2EC, #FFC4BB, #C9BDF9, #DC9287, #624252)
• Patina Courtyard color palette (#FFF2EE, #FFD5D5, #E9A0A4, #AC777A, #4C2A20)
• Worn Bronze color palette (#FEF3EB, #FDD7A7, #BB957A, #965E30, #322923)
• Softworn Dune color palette (#FFF2F0, #F4ACC7, #69C3C1, #B07A8E, #3F533F)
• Hushed Lilac Harbor color palette (#FFF1F5, #E5C6FF, #7ED6EA, #B999D3, #385542)

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