Weathered Stone color palette — #F3F3E5 · #A1BF7F · #AC8DC5 · #627C41 · #432731
A conversation between Sage and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3F3E5): a clean, paper-quiet neutral.
- Sage (#A1BF7F): A luminous, balanced green — the color of a quiet forest floor.
- Mauve (#AC8DC5): A luminous, balanced violet — the color of a velvet chair.
- Olive (#627C41): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#432731): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Weathered Stone 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
- Tempered Teal color palette (#ECF5E9, #65C7B8, #C188A7, #1F8276, #462727)
- Wandering Mustard color palette (#FCF0DF, #CFAF6C, #789FCE, #8A6D2B, #3D283F)
- Aged Olive color palette (#E8FAF3, #ADB67E, #AF89B3, #707934, #4F476A)
- Aged Moss color palette (#F4F3DF, #7FAD4D, #9A7FBB, #8E6B8C, #292817)
- Hushed Bronze Courtyard color palette (#FDEFE4, #CFB798, #AC7544, #824527, #312B1D)
- Timeworn Basalt Delta color palette (#F4F3DF, #B8F4F1, #ADD9D3, #9B8B68, #313C00)
- Celadon Corridor color palette (#E5FBF4, #D5F2AA, #FAB9AE, #8EA36F, #543E4F)
- Byzantium Pier color palette (#ECF8D4, #2BC57C, #A341BD, #006D40, #310D3B)
Browse the whole catalog at Explore, or see today's palette.