Tempered Stone color palette — #FFF1F5 · #C2E4C2 · #D1AF8C · #A98795 · #3F4C41
Sand takes the lead with Celadon Mist close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Celadon Mist (#C2E4C2): A whisper-light, dusty green — the color of new leaves after rain.
- Sand (#D1AF8C): A luminous, dusty gold — the color of honey in a jar.
- Dusty Rose (#A98795): A luminous, dusty rose — the color of strawberry cream.
- Charcoal (#3F4C41): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Sand Parlor color palette (#FFF0F7, #F7C59A, #D2A080, #A27A92, #324230)
- Washed Bone Coast color palette (#E6FBEF, #B5E6D0, #9AC0AB, #829988, #384D45)
- Aged Bronze Corridor color palette (#FFF3E7, #DFDFBE, #C5A88B, #A46B3F, #513B00)
- Aged Parlor color palette (#F6F3FF, #F0A4EC, #D9AB8F, #7F9DBA, #3E3B48)
- Timeworn Chestnut color palette (#FDEDF2, #A9C2B2, #9C7C5C, #794A41, #1D312B)
- Aged Stone color palette (#F7F3FC, #FFCDE9, #EBAE8C, #CE98B7, #342A33)
- Taupe Lagoon color palette (#FADFEF, #EEB291, #CF8A70, #A06A5F, #3F2933)
- Marigold Coast color palette (#DCF7E3, #DBC970, #C39F38, #9E7937, #1C3D2F)
Browse the whole catalog at Explore, or see today's palette.