Cocoa Coast color palette — #EEE4FF · #F2C1CE · #C996BE · #AB7B6A · #6A390F

Built around Bronze, softened by Mauve — the whole palette hums with optimism and creativity.

The five colors

• Blush (#EEE4FF): A whisper-light, dusty violet — the color of wild irises.
• Oat (#F2C1CE): A whisper-light, dusty red — the color of late-summer berries.
• Mauve (#C996BE): A luminous, balanced pink — the color of peonies in June.
• Caramel (#AB7B6A): A luminous, dusty orange — the color of toasted spice.
• Bronze (#6A390F): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

One click turns Cocoa Coast 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

• Driftwood Courtyard color palette (#E7EDFF, #C8C1FD, #CEA0AE, #AE6D73, #6B3F34)
• Cocoa Parlor color palette (#FFF1F3, #F9CBC9, #D9AFA6, #A38F77, #634700)
• Cocoa Loft color palette (#E8DEFF, #C3A6CD, #A06F95, #793E2C, #4B2400)
• Ancient Coral Meadow color palette (#F1E0E7, #C27588, #9B5E5A, #684F00, #201D00)
• Hushed Meadow color palette (#CFE9FF, #B2B7F5, #B681A9, #657C55, #364F23)
• Powdered Olive Corridor color palette (#FCE5E6, #E5A89A, #D48E62, #767B13, #2D490C)
• Patina Fuchsia Field color palette (#FCE0FF, #E88CF2, #FF7F6E, #549BFF, #451E49)
• Wisteria Loft color palette (#E0DCFF, #C8AFFF, #BA7DFF, #A659CC, #552360)

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