Weathered Cobalt color palette — #F1F5FC · #DBD7DF · #C7B9C7 · #667EBB · #353B44

A conversation between Slate Blue and Stone, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F1F5FC): bright and airy, almost weightless.
• Silver (#DBD7DF): bright and airy, almost weightless.
• Stone (#C7B9C7): A luminous, dusty pink — the color of a candy shop window.
• Slate Blue (#667EBB): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#353B44): quiet, heavy and certain.

Feels like: Creativity, 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

• Hushed Ultramarine color palette (#FAF3F8, #E1D6D7, #C0ADB6, #4B5BB0, #41373E)
• Driftwood Field color palette (#F7F3FD, #E9D4DB, #D3B7BA, #B06D96, #433C4B)
• Timeworn Driftwood color palette (#DCEDFF, #ACB2D2, #A97C97, #417776, #234F55)
• Weathered Violet color palette (#DFE3F7, #8B69CE, #433A54, #1D2034, #080D17)
• Antique Ultramarine Balcony color palette (#E2E8F4, #C2C3D1, #A8A0B8, #4F54AF, #191F2D)
• Washed Stone Lantern color palette (#ECF9F0, #ACBC84, #618D66, #665B86, #1C3D33)
• Washed Aubergine color palette (#E6E4EB, #ACA0B0, #977C91, #6E1C66, #0C0516)
• Periwinkle Orchard color palette (#CDFAF1, #6CA2F3, #935FA7, #356226, #2A2C4F)

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