Cocoa Coast color palette — #E4F6E0 · #63ACB3 · #57719A · #75410B · #42260E

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

The five colors

• Honeydew (#E4F6E0): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#63ACB3): A luminous, dusty blue — the color of deep harbor water.
• Slate (#57719A): A full-bodied, dusty blue — the color of open sky before noon.
• Bronze (#75410B): A full-bodied, balanced gold — the color of old brass.
• Espresso (#42260E): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Cocoa Drift color palette (#DFEBD3, #7AB2CD, #876574, #614500, #362601)
• Hushed Taupe Bloom color palette (#F4EDDA, #8AB790, #587C6B, #5D3E39, #3B1B16)
• Hushed Chestnut Station color palette (#EAF9D2, #95C7DC, #9E7789, #805415, #37322C)
• Azure Corridor color palette (#D0F3F0, #179BEF, #7B5A8C, #4B3D00, #2D2400)
• Patina Glacier Veranda color palette (#D6FFF9, #A2E8FA, #8AA8C7, #745C78, #523749)
• Hushed Summit color palette (#CEE8DB, #38879A, #534E85, #45250D, #200B00)
• Aged Chapel color palette (#E1F4EB, #0087B4, #986000, #625800, #001910)
• Iris Canyon color palette (#D6F8E7, #928BD6, #8C5070, #41423B, #1D2000)

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