Cocoa Coast color palette — #EFF6FF · #C9C2F0 · #C08FB4 · #9A5C69 · #753114

Rust and Pewter set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Lilac Frost (#C9C2F0): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#C08FB4): A luminous, dusty pink — the color of a candy shop window.
• Pewter (#9A5C69): A full-bodied, balanced red — the color of a theater curtain.
• Rust (#753114): A full-bodied, balanced orange — the color of toasted spice.

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

• Patina Garnet color palette (#E3FAFF, #ABD4FB, #9694C5, #866291, #732E47)
• Wandering Cocoa Villa color palette (#F9F2FF, #EEBBDB, #C48987, #976642, #5A4700)
• Ancient Rust Meadow color palette (#EBE0FF, #D894C1, #C35A5E, #8A4200, #432F00)
• Tempered Mallow color palette (#F3F4FF, #F1CDFF, #E3A1CD, #C27892, #693139)
• Patina Ash Station color palette (#DFFCFB, #A9BEEA, #B0829F, #397C75, #43465A)
• Softworn Pier color palette (#E5E6FF, #E294EC, #D05588, #AF060D, #552C00)
• Tempered Driftwood Garden color palette (#EEF6FF, #D2D3EB, #B4A1B3, #678390, #3E5661)
• Worn Brick color palette (#ECD5F3, #D1609E, #BA2621, #563000, #1E1800)

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