Weathered Cobalt color palette — #FAF3F7 · #AEC9DA · #367DB9 · #00605B · #293765

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

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Sky (#AEC9DA): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#367DB9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00605B): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#293765): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered Cobalt 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

• Cobalt Harbor color palette (#F1F3E9, #ADD1BF, #0086BA, #005967, #00233A)
• Ancient Petrol Meadow color palette (#FBF3F5, #CCDFF1, #7888B9, #006F7E, #3F4564)
• Muted Petrol color palette (#F5EBF2, #91B9C4, #007589, #005331, #00324B)
• Washed Market color palette (#F5E3EF, #549DA0, #005266, #003220, #001527)
• Weathered Atelier color palette (#F1DDF1, #B85760, #4C7C29, #00676E, #39223A)
• Wandering Navy color palette (#F5E8EE, #63859D, #003B77, #002223, #05002C)
• Dusty Studio color palette (#E7DAE0, #7FA3C0, #26549F, #003D41, #1A134D)
• Muted Sky Boulevard color palette (#FFF2EA, #B5E9FF, #74B8F5, #3F9D97, #4A3146)

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