Weathered Atelier color palette — #E8FAF5 · #9AB583 · #9696C5 · #A0638D · #2D423D

Mocha and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E8FAF5): bright and airy, almost weightless.
• Sage (#9AB583): A luminous, dusty green — the color of a quiet forest floor.
• Blue Fog (#9696C5): A luminous, dusty violet — the color of wild irises.
• Mocha (#A0638D): A full-bodied, balanced pink — the color of peonies in June.
• Charcoal (#2D423D): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Weathered Atelier 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

• Driftwood Lagoon color palette (#EDF9EF, #BFA87B, #63A5C4, #826DAB, #324234)
• Weathered Mulberry Basin color palette (#E9F9FA, #7AC2AC, #718CC1, #974D6D, #294B32)
• Weathered Mint Delta color palette (#F6F6E6, #A8D381, #A7A8DF, #A27476, #32322B)
• Dusty Bronze color palette (#E6F9FF, #4DB0B2, #B6799C, #A15936, #163841)
• Cobalt Parlor color palette (#EBFAEF, #A48E51, #7677B6, #884D3D, #324236)
• Brick Market color palette (#DBF4F7, #00A78B, #A265AC, #AA2C1D, #002D31)
• Teal Corridor color palette (#EFF7F7, #D5DBDF, #B0B2BF, #74A98B, #495555)
• Chalky Plum color palette (#D4FFFD, #45C376, #8955C5, #B90067, #05351A)

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