Weathered Stone color palette — #FFF3E4 · #D3E5C9 · #97B79A · #906F64 · #5F3F34
A conversation between Sage and Cocoa, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
- Celadon Mist (#D3E5C9): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#97B79A): A luminous, dusty green — the color of new leaves after rain.
- Mocha (#906F64): A full-bodied, dusty orange — the color of autumn markets.
- Cocoa (#5F3F34): A full-bodied, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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
- Ancient Bronze Courtyard color palette (#FFF5D8, #C3E6CD, #86C2D4, #A36E3C, #693A00)
- Tempered Bronze color palette (#FAF4EC, #E0ECB9, #71AE82, #966E2E, #3A3932)
- Weathered Quarry color palette (#E3F1D0, #A2B898, #798F7B, #725670, #492D3F)
- Washed Boulevard color palette (#D7FFF7, #B3EACD, #8EBBC9, #908EAB, #534B5C)
- Hushed Chestnut color palette (#F6F8CC, #83C9C7, #678AB5, #67500D, #342406)
- Antique Pier color palette (#F0FADD, #A5E2EE, #8292CE, #85661F, #3E3B34)
- Ancient Coral Parlor color palette (#F0F9E1, #6CD39E, #FA8175, #C47D65, #272E17)
- Cerulean Basin color palette (#FFF8B7, #94E3AC, #009BC7, #8B442F, #4E2215)
Browse the whole catalog at Explore, or see today's palette.