Cobalt Harbor color palette — #EDF3F7 · #D8D6DE · #C4B8C7 · #247DAC · #252D34

A conversation between Cerulean and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Silver (#D8D6DE): bright and airy, almost weightless.
• Ash (#C4B8C7): A luminous, dusty pink — the color of peonies in June.
• Cerulean (#247DAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#252D34): a grounded near-black with real depth.

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

• Petrol Orchard color palette (#F0F6FB, #DAD9E2, #C2BCCD, #507999, #43484E)
• Washed Lapis color palette (#F0F1F9, #DED2DD, #CCB7D0, #6F53C0, #202435)
• Aged Abyss color palette (#CDF5FD, #9DB7C6, #7E84A4, #356661, #053D45)
• Timeworn Ultramarine color palette (#ECF2FB, #D0D3E3, #B0A5C6, #0054BE, #0A1A2F)
• Washed Azure color palette (#F0F7F5, #DDD5D3, #BEBDAF, #58A5DF, #33433E)
• Weathered Canyon color palette (#E2EAF7, #5A72B2, #302D48, #0C1627, #02070C)
• Wandering Navy color palette (#DDE2E8, #9C9FAB, #7D7792, #003862, #00040E)
• Fern Atelier color palette (#DFF9F0, #53ACB2, #5D65A0, #3B4F00, #0B2535)

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