Cobalt Harbor color palette — #F0F6FB · #DCD9E4 · #C9BBCC · #2C7CAB · #3D4954

Cerulean takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#DCD9E4): bright and airy, almost weightless.
• Stone (#C9BBCC): A luminous, dusty pink — the color of peonies in June.
• Cerulean (#2C7CAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3D4954): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Antique Cerulean color palette (#F2F5FB, #DDD8DE, #B5A8A3, #737FAD, #4D535D)
• Ancient Petrol Field color palette (#ECF4F1, #DBD1CE, #D0B4B5, #4C79A0, #242F2C)
• Worn Coast color palette (#F3F5FB, #E3D5E1, #C7B5CA, #7155B4, #3B3E51)
• Dusty Navy color palette (#E1E8F0, #A4A8BA, #81799B, #003867, #071523)
• Antique Ultramarine color palette (#F0F6FE, #CFD1E0, #C198B5, #004AD0, #23344B)
• Muted Olive Garden color palette (#FBF2F7, #97BA9D, #707943, #664F75, #334937)
• Fern Grove color palette (#E5FBF3, #49A7B5, #656299, #455600, #284053)
• Washed Aubergine color palette (#EDEEF5, #CFC9D8, #AD99AB, #6C339B, #2C2C3C)

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