Tempered Stone color palette — #E4FBF7 · #CEDFED · #CEBC87 · #BEB5CA · #3C5456

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

The five colors

• Ivory (#E4FBF7): A whisper-light, dusty teal — the color of glacier melt.
• Silver (#CEDFED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sand (#CEBC87): A luminous, dusty green — the color of a quiet forest floor.
• Ash (#BEB5CA): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#3C5456): A full-bodied, dusty blue — the color of open sky before noon.

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

• Hushed Taupe color palette (#FFF1F5, #C8E0D1, #D2AE8A, #B88377, #364D46)
• Softworn Jade Terrace color palette (#E0FBFF, #CFDBF1, #D7BAE3, #87B56B, #294A57)
• Timeworn Fern Study color palette (#F4F8E6, #CAE6D5, #95C8D3, #93A372, #405512)
• Taupe Orchard color palette (#ECF7FC, #88D1DA, #BFABE2, #C58A67, #26424C)
• Ancient Teal color palette (#EFF7F8, #B5E9EF, #B6ADF1, #4AC2A6, #2A2D3A)
• Timeworn Bloom color palette (#FFF2ED, #FFCED4, #66F2B5, #496F6F, #263030)
• Airy Teal color palette (#EAF8FF, #DED6F3, #FEB4F9, #00B296, #0C3660)
• Hushed Petrol color palette (#EEF7FA, #F1D2F2, #77A7B6, #437585, #1C2E34)

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