Weathered Stone color palette — #FCE3C4 · #A3B770 · #188D86 · #7D444C · #5F3322

A conversation between Sage and Fern, giving this palette its sense of nature and growth.

The five colors

• Parchment (#FCE3C4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A3B770): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#188D86): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#7D444C): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#5F3322): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Aged Alley color palette (#FFD9CD, #C3AE6F, #358C58, #654F72, #633B34)
• Taupe Coast color palette (#F3E3C8, #82AB7E, #2A7883, #633D34, #36312C)
• Ancient Lantern color palette (#F8F7DE, #A6B796, #5E87A5, #8F562A, #634B00)
• Weathered Workshop color palette (#E3F1D6, #5FBF86, #48847F, #59446D, #461A37)
• Faded Lantern color palette (#FFF3E5, #A2AB54, #207D38, #6D4800, #3A3E12)
• Celadon Boulevard color palette (#D5F1A6, #8FCBAA, #6DA7A4, #8A6674, #603751)
• Muted Cocoa color palette (#F6EDBD, #B8D2AA, #78BBB9, #9A82A4, #743838)
• Soft Cobalt color palette (#D5E3D3, #4EAAAD, #586DB6, #6B4115, #423500)

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