Cobalt Harbor color palette — #C8E8F4 · #3CB2D6 · #0E7DD0 · #404989 · #252948

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

The five colors

• Frost (#C8E8F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#3CB2D6): A luminous, balanced blue — the color of deep harbor water.
• Azure (#0E7DD0): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#404989): A full-bodied, balanced violet — the color of a velvet chair.
• Midnight (#252948): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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

• Gentle Sky Orchard color palette (#BEF0FF, #36B3F2, #397EC0, #3D598E, #334463)
• Indigo Archive color palette (#C0E6FF, #71B2F1, #6563C9, #633F81, #322845)
• Muted Garden color palette (#B2EDEF, #4FC4B8, #0087A2, #005A87, #182B44)
• Linen Market color palette (#EBF2FF, #9EB9F9, #4C74C6, #223776, #0D1237)
• Amber Thicket color palette (#EBF2FF, #89A1E6, #D27828, #4058AF, #3B1B2B)
• Misty Terrace color palette (#A7F5FA, #31CFFC, #5496E3, #5566A0, #5A3A49)
• Hazy Lapis Corridor color palette (#C8E4EC, #0097DE, #3833FF, #3E0091, #2E0033)
• Worn Mallow color palette (#E7F3FF, #DCD6E3, #F5A6CB, #38888E, #252D3F)

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