Cocoa Coast color palette — #E9F5EE · #5593A7 · #815A90 · #763B00 · #182012

Bronze and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E9F5EE): bright and airy, almost weightless.
• Storm Blue (#5593A7): A luminous, dusty blue — the color of open sky before noon.
• Slate (#815A90): A full-bodied, balanced pink — the color of a candy shop window.
• Bronze (#763B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#182012): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.

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

• Dusty Mulberry color palette (#F9EEF7, #8090BC, #934F6C, #534E00, #082219)
• Softworn Courtyard color palette (#ECF5EB, #4C9794, #4E6E9B, #783042, #1C1B0A)
• Chestnut Bloom color palette (#FCF0E1, #75B9BD, #5F79A3, #6B4C12, #173326)
• Plum Market color palette (#FCF2F8, #7E85C1, #9F476B, #6F3F31, #3B3630)
• Muted Cerulean Lagoon color palette (#E0F2EB, #468AB6, #463541, #0C231C, #080E0A)
• Tempered Orchid Corridor color palette (#ECF7FB, #47BEBF, #A769B3, #886126, #21373D)
• Mulberry Alley color palette (#DCFAEC, #007EA5, #91007C, #463000, #001015)
• Hushed Cerulean color palette (#EEF4EF, #D0D8D9, #B3A9A1, #518E98, #303932)

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