Cobalt Harbor color palette — #FBE9F1 · #8BCFF0 · #5389C6 · #006C6B · #242A4E

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

The five colors

• Blush (#FBE9F1): A whisper-light, dusty rose — the color of strawberry cream.
• Sky (#8BCFF0): A whisper-light, balanced blue — the color of open sky before noon.
• Cerulean (#5389C6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#006C6B): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#242A4E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Azure Atelier color palette (#FAF4EC, #BBEBEC, #2D98E8, #006872, #061C43)
• Washed Petrol Terrace color palette (#FAE9F1, #89B9D0, #3267B3, #005147, #2C2459)
• Aqua Lagoon color palette (#FAE7F4, #42C8C5, #008398, #005D36, #002235)
• Linen Grove color palette (#F6ECE5, #ABDBF4, #69A4FF, #009284, #2D215D)
• Turquoise Boulevard color palette (#FCF2F9, #86EFF3, #1EACD0, #00875D, #144464)
• Hushed Lagoon color palette (#FBF2F6, #DAD4E3, #9AB3D8, #529296, #495269)
• Aged Denim Basin color palette (#E6F1E5, #5F98CA, #3850A5, #003A43, #0B0026)
• Misty Alley color palette (#F6E7FF, #EE008E, #00906E, #00787B, #360F21)

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