Weathered Cobalt color palette — #F9EEF8 · #9BB3E3 · #A49E67 · #5370AC · #33312A

Built around Slate, softened by Moss — the whole palette hums with nature and growth.

The five colors

• Blush (#F9EEF8): bright and airy, almost weightless.
• Sky (#9BB3E3): A luminous, dusty violet — the color of wild irises.
• Moss (#A49E67): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#5370AC): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#33312A): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

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

• Patina Pewter color palette (#FEECF2, #C3A6D9, #7AA987, #82619A, #30322B)
• Dusty Petrol color palette (#E7F6EF, #87BCD6, #CB8A73, #2C7B9D, #362F2C)
• Muted Cobalt color palette (#FDF1FA, #A1ADDD, #A99952, #5C6CB7, #574D20)
• Worn Iris Station color palette (#EFF6FF, #ACC5EE, #B7B66F, #5F8CD5, #2D5745)
• Wandering Driftwood Market color palette (#FEEBFA, #859BD0, #8C9453, #777D4E, #31212F)
• Driftwood Lagoon color palette (#FDECFA, #E8D5D1, #A9B2BE, #68907D, #4D3841)
• Wandering Market color palette (#F9EEF3, #BDC9A5, #795566, #3F2A34, #1C0F16)
• Mulberry Station color palette (#FFEDEC, #CF8BB2, #5D9E71, #974076, #003115)

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