Weathered Cobalt color palette — #FFF1F6 · #ECB78D · #83BE96 · #677FC1 · #402A34

Slate Blue takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sand (#ECB78D): A luminous, balanced gold — the color of old brass.
• Mint Leaf (#83BE96): A luminous, balanced teal — the color of sea glass.
• Slate Blue (#677FC1): A luminous, balanced violet — the color of twilight just after sunset.
• Espresso (#402A34): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, 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

• Washed Studio color palette (#EAF9F3, #BFCB8C, #9BB98D, #5884BB, #22372F)
• Aged Cerulean Bloom color palette (#FDF1FC, #F4AEAE, #C0AE6E, #368DAD, #3A2C39)
• Worn Archive color palette (#FFF2EA, #FBAD88, #53CCCB, #759DCC, #423C37)
• Dusty Market color palette (#EDF9EC, #E1BC90, #65BFC3, #976FAD, #263725)
• Worn Pewter Orchard color palette (#FFF0F7, #FFD2BC, #99AA75, #7A66A0, #344434)
• Timeworn Stone color palette (#FAF3F5, #D1D8DB, #D0A577, #A1A3B1, #56494D)
• Timeworn Amber color palette (#FDECF5, #CA7F5B, #4C8F94, #495F7F, #2D1D26)
• Worn Coral color palette (#F9F3F8, #ECD8DC, #74BFAC, #D67D74, #0A2225)

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