Weathered Cobalt color palette — #EDF6FF · #D2DFF3 · #BAB9E4 · #007CC8 · #223546

Built around Cerulean, softened by Lavender — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Powder Blue (#D2DFF3): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#BAB9E4): A luminous, dusty violet — the color of wild irises.
• Cerulean (#007CC8): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#223546): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Lagoon Drift color palette (#E9F8FD, #CAE2EF, #A1C2DE, #00888C, #0B3945)
• Weathered Indigo Pier color palette (#F2F5FB, #DDD7E3, #C9B9CB, #7274F0, #393F50)
• Wandering Corridor color palette (#ECF7FF, #C9D3E8, #A4A1CA, #00618C, #253542)
• Weathered Atelier color palette (#E7FAF4, #EAD6D1, #B7A996, #0083D2, #0D2B24)
• Muted Azure Delta color palette (#ECF8F3, #FBDBF2, #DEC6EE, #3AA3D9, #1F3930)
• Worn Plum Corridor color palette (#D9E9FF, #3E87FF, #BB0075, #5C4300, #002B23)
• Faded Hollow color palette (#D9E3F7, #545CFF, #3F2A61, #101341, #000716)
• Lilac Harbor color palette (#DEE8F9, #AEA8F4, #9A71A0, #7E5A00, #383F00)

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