Tempered Stone color palette — #E9FAF2 · #E9D5D0 · #9FC1A0 · #AAA69B · #584C58
A conversation between Sage and Charcoal Brown, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E9FAF2): A whisper-light, dusty teal — the color of glacier melt.
- Bone (#E9D5D0): A whisper-light, dusty orange — the color of toasted spice.
- Sage (#9FC1A0): A luminous, dusty green — the color of a quiet forest floor.
- Taupe (#AAA69B): a calm mid-gray that lets other colors speak.
- Charcoal Brown (#584C58): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, 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
- Muted Canyon color palette (#ECF9EF, #C3E8EA, #CFC6BA, #9AC4A9, #48574E)
- Turquoise Market color palette (#FEF0FF, #E3DBE4, #C8B4AF, #30AAC9, #32375D)
- Softworn Bronze color palette (#FAF4EA, #D8E7C2, #BEAD80, #A06E38, #444200)
- Vanilla Orchard color palette (#FFF5D3, #E6EEFF, #D4D2C7, #4A3B48, #2C262B)
- Weathered Apricot color palette (#FBF2F9, #B1C0FA, #DAA164, #5E9068, #392D36)
- Washed Peony color palette (#CDE7FD, #B3B7FB, #B465B5, #004853, #000107)
- Iris Study color palette (#FFF1F4, #E4D6D3, #FFBFA7, #827FEA, #4B1B3D)
- Washed Amber color palette (#FBF2F9, #A2BFFB, #B67C32, #327B70, #2D222C)
Browse the whole catalog at Explore, or see today's palette.