Cobalt Harbor color palette — #F3E2EF · #5BC1D1 · #008DC9 · #00714B · #020940
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Blush (#F3E2EF): A whisper-light, dusty pink — the color of a candy shop window.
- Cyan (#5BC1D1): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#008DC9): A luminous, balanced blue — the color of deep harbor water.
- Pine (#00714B): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Indigo (#020940): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Cobalt 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
- Misty Market color palette (#F0DCE4, #83B7D9, #537CE4, #006D69, #19023A)
- Worn Petrol Drift color palette (#EEE2CF, #52B1C1, #00718F, #004B44, #001625)
- Washed Lagoon Station color palette (#F6EAF4, #9FE0E7, #57B0DC, #3C9263, #152C55)
- Antique Cerulean Meadow color palette (#F4E4DD, #2B9AAA, #004F73, #002D1C, #00001E)
- Washed Coast color palette (#D8EDD9, #6DD0C6, #4FA7FA, #847600, #00211A)
- Timeworn Jade color palette (#D5ECE1, #00B68E, #008666, #005743, #000301)
- Soft Raspberry color palette (#D3ECE0, #00946C, #B931A2, #AC004B, #000A05)
- Teal Pier color palette (#FDF1F6, #D8DEF6, #A6BDF0, #55A8A3, #404563)
Browse the whole catalog at Explore, or see today's palette.