Weathered Cobalt color palette — #F1F5FF · #DDD7E1 · #D0BBD2 · #6B6DB7 · #1B1E27

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

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Silver (#DDD7E1): bright and airy, almost weightless.
• Stone (#D0BBD2): A luminous, dusty pink — the color of a candy shop window.
• Slate (#6B6DB7): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#1B1E27): a grounded near-black with real depth.

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

• Wandering Driftwood color palette (#F3F5FD, #DFD8E1, #BEB4AC, #8A82B0, #2B2E39)
• Patina Grape color palette (#F3F4FF, #E7D3E8, #C2B3D4, #6F4A9B, #0B0B17)
• Patina Nightshade color palette (#F3ECF0, #D6C7CE, #B398A1, #4F4699, #372931)
• Weathered Mallow color palette (#F2F4FF, #DBA4D5, #AD7E8E, #5C6236, #002D2A)
• Shadow Study color palette (#E2E2FF, #A22BE5, #371632, #1D141B, #030211)
• Peony Atelier color palette (#F3F4FF, #DCD7EC, #C7A8FF, #DE6EBE, #210529)
• Tempered Garnet color palette (#F0EAF3, #C4B5C3, #A5879B, #6D0B3B, #020004)
• Hushed Pine color palette (#DDFEF3, #96CB92, #208B60, #3D5270, #001E1B)

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