Cocoa Coast color palette — #ECE4E7 · #AAB7AF · #78948F · #633800 · #13060B

Bronze and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#ECE4E7): bright and airy, almost weightless.
• Ash (#AAB7AF): a calm mid-gray that lets other colors speak.
• Eucalyptus (#78948F): A luminous, dusty teal — the color of glacier melt.
• Bronze (#633800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#13060B): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Worn Garnet Field color palette (#E3DCE3, #C0ADB6, #7F9385, #820027, #100711)
• Muted Basalt color palette (#E2EBE3, #8FA69E, #558686, #463200, #000601)
• Tempered Chestnut color palette (#E4DFDA, #CBC4B3, #A5A78B, #8D4F00, #2A1C0E)
• Wandering Fern color palette (#E0ECEA, #BCD0D2, #8BA9B8, #27650D, #001B17)
• Onyx Station color palette (#D6E7E0, #558563, #004F49, #480E37, #000B03)
• Hushed Driftwood Grove color palette (#EDF4F0, #D1D8DB, #ACB0BB, #878651, #2E3934)
• Soft Aubergine color palette (#FAE3FC, #A5715B, #5C5500, #4F1655, #2B0009)
• Coral Atelier color palette (#E1F0E4, #E7726D, #9C7600, #006638, #040500)

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