Cocoa Harbor color palette — #EEF6FF · #5485B6 · #885F90 · #7D4100 · #203549

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

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Cerulean (#5485B6): A luminous, balanced blue — the color of open sky before noon.
• Slate (#885F90): A full-bodied, balanced pink — the color of neon signs at night.
• Bronze (#7D4100): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#203549): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Wandering Mulberry color palette (#EFF6FF, #5B7FC0, #764483, #5C3D00, #12323A)
• Softworn Villa color palette (#F2F5FF, #9187C0, #9C6F88, #825400, #383C50)
• Terracotta Station color palette (#E3FAFE, #309382, #845DA2, #88341F, #13393E)
• Faded Loft color palette (#EAEEFF, #7361B2, #954904, #0F5407, #20243D)
• Aged Petrol color palette (#E6FBF0, #4AA4C3, #6061A4, #574F00, #2A3F53)
• Muted Petrol Loft color palette (#F0F6FA, #DAD9E1, #C2BCC9, #2A7DA4, #3C4A53)
• Worn Corridor color palette (#EEF7FA, #79BCC0, #815C9F, #006D73, #222137)
• Timeworn Mulberry color palette (#D2E7FF, #0068BF, #9E0068, #4F3900, #001F41)

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