Tempered Stone color palette — #FFD5E3 · #B0BB87 · #6E989B · #726589 · #493D5C

Sage takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FFD5E3): A whisper-light, dusty rose — the color of strawberry cream.
• Sage (#B0BB87): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#6E989B): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#726589): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#493D5C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Tempered Stone color palette (#E6EDBB, #97C6A6, #659FA9, #6E5D76, #4A3C51)
• Patina Basalt color palette (#F7D6EE, #87AC90, #4A7A76, #6B4250, #572B25)
• Worn Driftwood color palette (#F3D9C7, #DFBEA6, #B5A685, #996A96, #623831)
• Oat Veranda color palette (#E3FCF5, #B0D7DC, #9DB1C0, #877A86, #5A4B59)
• Softworn Quarry color palette (#CFF0E1, #73B4BF, #667CA5, #785165, #4E2B3E)
• Patina Azure color palette (#FBF2F9, #97E4EA, #22A4CB, #367B61, #1D3D58)
• Emerald Studio color palette (#ECF0CD, #31A16C, #006B79, #47314F, #340218)
• Wandering Lagoon Terrace color palette (#DAE6DB, #008581, #1F5C7E, #4D1917, #1F061D)

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