Cobalt Harbor color palette — #FFF2EA · #65C6E7 · #0073B5 · #005650 · #1C2F63

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sky (#65C6E7): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0073B5): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005650): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#1C2F63): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Sapphire Cabin color palette (#FFEEE4, #64CAEF, #0071D2, #005346, #160B47)
• Antique Aqua Workshop color palette (#FFF2EB, #18D1CC, #007B8E, #005931, #003850)
• Washed Loft color palette (#FDF3ED, #A6D1B7, #2C80B3, #006156, #4A3048)
• Hazy Study color palette (#FFF0F9, #7CD9FC, #388EEA, #007462, #2C2769)
• Gentle Denim color palette (#FDECDF, #5CA9CC, #00589D, #003E3D, #131946)
• Patina Sky color palette (#EDF9EF, #A2E5FF, #38B6FD, #00979C, #003265)
• Antique Cerulean color palette (#FDF3EA, #BBE2FF, #6D8ABF, #0A6F77, #5B3C4F)
• Hushed Thicket color palette (#FAEBE3, #00A4A0, #005360, #003219, #001623)

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