Cobalt Harbor color palette — #F1EADF · #71BCD4 · #008DC5 · #006D6D · #00142B

Built around Cerulean, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Cream (#F1EADF): bright and airy, almost weightless.
• Cyan (#71BCD4): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#008DC5): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006D6D): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#00142B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Softworn Azure Garden color palette (#F0EAE0, #95C7E7, #4E95E2, #007A8C, #091751)
• Dusty Petrol color palette (#EEE7DB, #6EAEAB, #008391, #006047, #000B11)
• Lilac Alley color palette (#D7EBE3, #88B9F8, #A098F8, #00848F, #00172D)
• Rust Ridge color palette (#DDF4E7, #009CC3, #C95A00, #006D89, #1F0800)
• Powdered Petrol color palette (#F8EBE4, #72ABBE, #0069B3, #004C3C, #0F0046)
• Hushed Cerulean color palette (#E3F2E6, #3297B3, #005071, #002C2C, #00040E)
• Softworn Turquoise Parlor color palette (#F5EDE1, #A4DEED, #4FB1DC, #00918C, #003051)
• Petrol Veranda color palette (#F7EAF2, #5FC6E5, #006AB4, #003F32, #020013)

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