Cobalt Harbor color palette — #FFF1F6 · #9AD7FA · #537DCE · #006760 · #413371

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Powder Blue (#9AD7FA): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#537DCE): A full-bodied, balanced violet — the color of a velvet chair.
• Pine (#006760): A full-bodied, balanced teal — the color of shallow lagoons.
• Royal Purple (#413371): 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

• Dusty Cerulean Thicket color palette (#FAF3F7, #BEE3F6, #5C8FBC, #2E705B, #374768)
• Sapphire Balcony color palette (#FFF1F6, #7EBFEE, #4C66C1, #005655, #3C1C6A)
• Airy Cobalt Ridge color palette (#F6F1E9, #A8D7F4, #2885DC, #00606D, #0B1D5B)
• Dusty Villa color palette (#EFF8F1, #B9E0FF, #439FF9, #008091, #233A7B)
• Hushed Corridor color palette (#F7E6F4, #3F8E95, #00425C, #002411, #000622)
• Chalky Bloom color palette (#DBFDFF, #C4DEFF, #A0B0FF, #5D7F28, #135257)
• Worn Teal Study color palette (#FFF3E8, #C8EAFF, #91B5FF, #00A69D, #413765)
• Timeworn Terrace color palette (#E8DDE5, #66ABB6, #005E87, #004028, #08194E)

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