Cobalt Harbor color palette — #EDF6FF · #F6B19B · #2277B2 · #2A455D · #1B232A

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

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Melon (#F6B19B): A luminous, balanced orange — the color of sun-warmed clay.
• Cerulean (#2277B2): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2A455D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#1B232A): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Weathered Cobalt color palette (#F0F5FF, #E0D0A1, #697CAC, #3F4E67, #272C34)
• Sand Coast color palette (#EBF9F3, #FFE2A5, #4F7C98, #113D54, #03130D)
• Tempered Cabin color palette (#F2F5FB, #DCD8E0, #CDBDCE, #7D8FB7, #44484F)
• Lapis Veranda color palette (#F1F5FF, #9FCC61, #5F52CC, #353268, #141A2C)
• Weathered Terrace color palette (#ECF9F1, #8BBF79, #005B70, #113625, #0B1F1E)
• Hushed Study color palette (#F0F6FB, #7FCFFF, #C863BA, #2B89BB, #26212F)
• Antique Ultramarine Bloom color palette (#D4E6FF, #E59900, #0050C5, #00286A, #010D2A)
• Aged Iris Balcony color palette (#F0F5FF, #7F92F0, #BA5062, #546707, #1D2C3A)

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