Cobalt Harbor color palette — #F3E0EA · #4EC1E7 · #007AC1 · #005A54 · #0E1B45

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

The five colors

• Rose Water (#F3E0EA): A whisper-light, dusty pink — the color of peonies in June.
• Cyan (#4EC1E7): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#007AC1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005A54): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#0E1B45): 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

• Muted Hollow color palette (#F4EAF1, #58C5C4, #00829A, #005D38, #002235)
• Pale Ultramarine color palette (#F8E7EC, #5EA8E5, #395BC9, #004952, #150639)
• Linen Cornflower Lantern color palette (#FBE9F0, #90CCF8, #5A84D5, #006B73, #2A284E)
• Dusty Cobalt Lantern color palette (#FAF4EC, #9DD6EC, #0083BE, #005154, #000C21)
• Misty Seafoam color palette (#FFF0FB, #35E5E7, #009CBA, #00764C, #003754)
• Denim Courtyard color palette (#F2E4ED, #44A0B9, #005E8D, #003C35, #000527)
• Aged Pier color palette (#FDF2F6, #CCE9FF, #81A7DA, #488688, #3D475F)
• Feathered Cabin color palette (#EBECFF, #E1A4EA, #D87C8A, #356494, #2B183B)

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