Cocoa Harbor color palette — #ECF9EF · #1F919F · #9A5B6D · #7D4100 · #223929

Bronze takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Cerulean (#1F919F): A luminous, balanced blue — the color of deep harbor water.
• Pewter (#9A5B6D): A full-bodied, balanced red — the color of a theater curtain.
• Bronze (#7D4100): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#223929): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, 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

• Soft Mulberry Grove color palette (#EAFAF1, #0086A4, #933351, #5F4000, #263016)
• Tempered Chestnut color palette (#EDF8F4, #6B96B5, #A37067, #725D18, #2C433B)
• Tempered Garnet Quarry color palette (#F1F9E5, #46936D, #835EA0, #8B2D3B, #31342D)
• Gentle Thicket color palette (#FFF4E2, #689EC8, #6260A4, #793900, #4C334C)
• Dusty Alley color palette (#EEF5E2, #309D66, #B74E56, #315F27, #171D08)
• Airy Mulberry Villa color palette (#C6F0DD, #007297, #A60036, #513700, #002331)
• Petrol Villa color palette (#F0F7F4, #DFD4D2, #CEB6B9, #3C7CA0, #3E4B46)
• Frosted Studio color palette (#FCE8F3, #6A66AD, #815800, #314F00, #391A2E)

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