Cocoa Harbor color palette — #ECF7FC · #46909C · #87516E · #704303 · #1E3A38
A conversation between Bronze and Graphite, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF7FC): a clean, paper-quiet neutral.
- Cerulean (#46909C): A luminous, dusty blue — the color of a favorite pair of jeans.
- Graphite (#87516E): A full-bodied, balanced rose — the color of pressed rose petals.
- Bronze (#704303): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Teal (#1E3A38): A deep, shadowed, dusty teal — the color of sea glass.
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
- Antique Garnet color palette (#EAF9F8, #609B7E, #765D95, #843338, #293D33)
- Aged Drift color palette (#F0F6FE, #6988B8, #8D5446, #4C5900, #283B42)
- Patina Cerulean Ridge color palette (#EBF3F8, #2D9CB6, #715797, #5A4400, #0E1F27)
- Patina Cobalt color palette (#EAFAED, #7CAFCB, #6674A9, #7F4934, #364A5E)
- Timeworn Cerulean Lantern color palette (#F0F6FA, #D8D9E0, #B6A8AD, #468CA6, #49545B)
- Aged Mulberry color palette (#ECF7FF, #007AA6, #940038, #433500, #00261F)
- Softworn Field color palette (#EFF8ED, #56B1A8, #B16CAB, #5D7240, #2C3829)
- Tempered Cobalt Pier color palette (#E9F3FF, #5A7FAB, #343C4E, #202A35, #12151C)
Browse the whole catalog at Explore, or see today's palette.