Cobalt Harbor color palette — #F9EEF4 · #A2D9F1 · #4984CE · #006356 · #211855

A conversation between Azure and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Blush (#F9EEF4): bright and airy, almost weightless.
• Powder Blue (#A2D9F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#4984CE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006356): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#211855): A deep, shadowed, balanced violet — the color of wild irises.

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

• Wandering Forest Alley color palette (#F6F0F4, #C9E1EB, #6194B5, #116F4C, #1D2B4B)
• Muted Cobalt Terrace color palette (#F0F8F1, #92DAF7, #0088C8, #00666A, #234165)
• Worn Sapphire color palette (#FDECF5, #81C5E9, #1F67E8, #00524B, #1D0548)
• Periwinkle Garden color palette (#FDF3EC, #A5E6FF, #419EFE, #00856F, #393A68)
• Washed Denim color palette (#E9DAE4, #5194AA, #004B83, #002D23, #03001B)
• Weathered Field color palette (#F1DBFF, #D1478C, #008876, #006977, #32001B)
• Softworn Mulberry color palette (#F5EEFF, #D66DB9, #009885, #9D0080, #002721)
• Airy Meadow color palette (#F6EEFF, #EBDACC, #C7BA62, #915AD0, #46111B)

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