Cocoa Harbor color palette — #E6F5FB · #579BA8 · #8C536D · #6E3F00 · #052321

Built around Bronze, softened by Graphite — the whole palette hums with trust and stability.

The five colors

• Ivory (#E6F5FB): a clean, paper-quiet neutral.
• Storm Blue (#579BA8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Graphite (#8C536D): A full-bodied, balanced rose — the color of strawberry cream.
• Bronze (#6E3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#052321): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Ancient Station color palette (#EBF3FC, #6D87AF, #A05542, #4B4A00, #061F25)
• Antique Quarry color palette (#E7F5F5, #5F9774, #6E5E94, #74333B, #0C1F14)
• Hushed Pewter color palette (#ECF9F1, #4593AA, #7D5397, #5C4917, #2A3B32)
• Muted Cobalt Field color palette (#E6F7E9, #7FB4CD, #6376AB, #774230, #1C2E3E)
• Dusty Turquoise color palette (#EEF8F1, #3FACBF, #B36F97, #8E6333, #32342D)
• Hazy Mulberry color palette (#E5F4FF, #0082AC, #A40042, #443100, #00120D)
• Washed Basin color palette (#EBF7FF, #86C7DF, #8F7FC3, #875D00, #152A35)
• Dusty Cobalt Delta color palette (#E7EEF7, #5287BC, #343B4B, #121F2D, #060D13)

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