Cobalt Harbor color palette — #E1F7FA · #00C6AC · #007AD2 · #007A6A · #001227

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

The five colors

• Ivory (#E1F7FA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Turquoise (#00C6AC): A luminous, balanced teal — the color of sea glass.
• Azure (#007AD2): A full-bodied, vivid blue — the color of deep harbor water.
• Teal (#007A6A): A full-bodied, balanced teal — the color of sea glass.
• Ink (#001227): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged duotone, cool.

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

• Indigo Harbor color palette (#E3F5FB, #00C3C6, #6953FF, #00787A, #0E0B2E)
• Pale Aqua color palette (#EBFAEA, #00DFDC, #0087C3, #007B79, #000204)
• Chalky Corridor color palette (#E4F6F4, #40C95D, #008793, #007F2B, #00151C)
• Patina Station color palette (#ECF7FF, #51C1FA, #9958E1, #007BAA, #15162A)
• Tempered Market color palette (#C9F0D1, #00ACBD, #0073BC, #93002A, #002E3B)
• Quiet Chapel color palette (#EDF5E5, #00E4A9, #888BFF, #00A77B, #0D0833)
• Hushed Navy Dune color palette (#D7F3F3, #00BCD9, #008AB4, #005295, #0D0085)
• Hushed Periwinkle Lagoon color palette (#EEF7F9, #98E1DB, #56A1E5, #18A09A, #242F3A)

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