Weathered Cobalt color palette — #F1F6FB · #DED9E2 · #CBBAC9 · #5176A8 · #414852

A conversation between Slate and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Silver (#DED9E2): bright and airy, almost weightless.
• Stone (#CBBAC9): A luminous, dusty pink — the color of a candy shop window.
• Slate (#5176A8): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#414852): a grounded near-black with real depth.

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

• Wandering Market color palette (#F4F4FC, #E4D5DE, #CDB3C8, #8351A2, #3E3E4F)
• Patina Driftwood color palette (#E9F8FF, #A8B8D6, #A3728E, #406F72, #3A585A)
• Softworn Harbor color palette (#FEF1F5, #B5B283, #58804E, #5D5376, #2F493D)
• Lapis Dune color palette (#F2F5FC, #D1D0E3, #CC93AA, #4640C8, #2B3344)
• Ancient Indigo color palette (#E0E4F3, #715BC8, #372C47, #1B1E2C, #0C0C12)
• Hushed Navy Study color palette (#E3EAF4, #A5A7BD, #9A708B, #143079, #0B1422)
• Aged Garnet Drift color palette (#F0EDF4, #C3B3C1, #A58391, #6F2155, #231B2B)
• Peony Ridge color palette (#F1F5FF, #C9E2FF, #B2B9FF, #BF668A, #3A3756)

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