Cobalt Harbor color palette — #AEEEF6 · #55C1E0 · #3387C2 · #3A5691 · #523A60

Cerulean and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Sea Foam (#AEEEF6): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#55C1E0): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#3387C2): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#3A5691): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#523A60): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Linen Cobalt color palette (#BAEEDC, #7CB4EE, #6874C4, #5B4887, #513C5F)
• Sky Atelier color palette (#BCECFF, #6EDBFB, #3BB2FD, #6585CA, #3C4765)
• Sunlit Balcony color palette (#B7F7E4, #4DBDBA, #00869B, #00627E, #234969)
• Cobalt Hollow color palette (#CDEAFE, #6FAFD5, #1079BC, #005196, #132D53)
• Hushed Petrol Grove color palette (#E5FBF4, #6EA6D1, #AB8226, #006BA5, #563E03)
• Mallow Loft color palette (#DEFDF4, #FFE2F2, #E1B2DD, #418692, #574150)
• Ultramarine Terrace color palette (#C6EFFF, #019CE9, #1B41E8, #3D01B9, #3D076A)
• Cobalt Summit color palette (#FEF0FF, #4B8BD4, #A66D27, #84631A, #442F46)

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