Tempered Stone color palette — #FDF4E8 · #FAC2AA · #B9B169 · #8386BC · #4C4741

Built around Sage, softened by Slate Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF4E8): bright and airy, almost weightless.
• Wheat (#FAC2AA): A whisper-light, dusty orange — the color of toasted spice.
• Sage (#B9B169): A luminous, balanced green — the color of new leaves after rain.
• Slate Blue (#8386BC): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#4C4741): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, light, muted.

Use it as a design system

One click turns Tempered 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

• Weathered Stone Quarry color palette (#FBF5E7, #FCBBD2, #D8A07C, #5F93B0, #57423B)
• Softworn Jade Orchard color palette (#FFF2EC, #FCB2A0, #6ABE8A, #7982BB, #5B363D)
• Weathered Canyon color palette (#FFF2EA, #DBDDC2, #C2C29E, #B899A4, #5F474E)
• Patina Teal Villa color palette (#FFF3E9, #C4D080, #19BF9D, #A56B98, #3D3E37)
• Weathered Stone color palette (#ECF9EF, #DDB77D, #9F9353, #3A7D68, #3B4D3F)
• Worn Olive Boulevard color palette (#FDF4E5, #FFD59F, #AFA270, #627D3D, #563900)
• Patina Courtyard color palette (#FFF3E6, #FFAC45, #8AB819, #8452C9, #423409)
• Weathered Powder Boulevard color palette (#FAF4EF, #C4DFED, #A2CAFD, #67B0B2, #604B59)

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