Cobalt Harbor color palette — #E9F8FE · #00D2E9 · #2D78C7 · #00707D · #000104

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

The five colors

• Ivory (#E9F8FE): bright and airy, almost weightless.
• Aqua (#00D2E9): A luminous, balanced blue — the color of open sky before noon.
• Azure (#2D78C7): A full-bodied, balanced blue — the color of open sky before noon.
• Teal (#00707D): A full-bodied, balanced blue — the color of deep harbor water.
• Black (#000104): 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 Corridor color palette (#EDF7FF, #71C4FF, #6E63D2, #0069A0, #00000B)
• Hushed Mint Pier color palette (#E5FAFC, #3ED6B6, #008597, #007460, #000102)
• Tempered Dune color palette (#EBF7FE, #7BE0FF, #4E89E3, #0084A0, #000513)
• Faded Ultramarine Villa color palette (#EBF7FF, #00B1E7, #0A57C7, #005571, #000106)
• Airy Pier color palette (#D7FEFF, #42ABF0, #4267B6, #69135C, #001328)
• Softworn Iris Delta color palette (#E1EEF0, #33D7CA, #7787FF, #009D93, #070828)
• Navy Atelier color palette (#E8F7FF, #66C2FE, #207CCD, #003692, #0B0050)
• Timeworn Coast color palette (#EDF7FC, #D6DAE6, #BCC0D3, #0083A1, #10212A)

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