Weathered Cobalt color palette — #F2F5FB · #DAD8DF · #B6A9AB · #6F80B0 · #4D535D

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

The five colors

• Ivory (#F2F5FB): bright and airy, almost weightless.
• Silver (#DAD8DF): bright and airy, almost weightless.
• Ash (#B6A9AB): soft and architectural.
• Slate Blue (#6F80B0): A luminous, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#4D535D): 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

• Softworn Chapel color palette (#EEF2F8, #D9D5DE, #BAABB0, #6E84A4, #33363B)
• Tempered Pewter Boulevard color palette (#F6F4FA, #DED7DB, #CCB9C3, #985C8B, #4A4553)
• Hushed Pewter color palette (#F7F3FF, #CAC0D2, #998A9B, #5E745E, #335551)
• Terracotta Harbor color palette (#FFF0FB, #AD9ED0, #8D6795, #884234, #45455D)
• Hushed Aubergine Coast color palette (#DEE2EA, #9699A7, #6C6F85, #25007D, #03081A)
• Patina Wisteria Basin color palette (#F2F5FF, #DBD7E1, #C3BBFB, #BB7DCE, #464965)
• Worn Aubergine Workshop color palette (#EDEEF6, #CBCBD5, #A19CB6, #643C93, #2B2C3F)
• Tempered Garnet color palette (#EAE5F0, #ADA6B1, #8B778F, #650047, #180F21)

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