Weathered Cobalt color palette — #EAEFF5 · #CFD8E5 · #A9B8D3 · #1576BE · #212F3D

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

The five colors

• Cream (#EAEFF5): a clean, paper-quiet neutral.
• Silver (#CFD8E5): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#A9B8D3): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#1576BE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#212F3D): 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 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

• Indigo Lantern color palette (#ECEEF7, #D6D6E3, #B7B4CF, #795FB4, #292C3F)
• Cobalt Garden color palette (#EEF8F5, #E9D3CF, #D2BBBF, #3F7BB0, #12221E)
• Weathered Grove color palette (#E8F0F6, #C6CCD8, #989EC2, #005B86, #232F3A)
• Washed Hollow color palette (#DEE0E8, #B1B3C2, #9390B6, #5B25BA, #0F1223)
• Garnet Station color palette (#F0D4EF, #758BE6, #6E56AF, #85063C, #1E1D4A)
• Hushed Chestnut color palette (#EEECFD, #B19ACA, #9B789D, #7F473E, #4F2F42)
• Weathered Indigo Terrace color palette (#E6EFFF, #5362D8, #312C54, #0D1233, #01040D)
• Violet Market color palette (#EFF5FF, #91C6FF, #849EFF, #9B6AFF, #18174E)

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