Tempered Stone color palette — #FFF1F5 · #CAE1CB · #D5A7B6 · #A88795 · #3E4C41
Rosewood Mist takes the lead with Dusty Rose close behind in a set that reads as sophistication and grounding at first glance.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Celadon Mist (#CAE1CB): A whisper-light, dusty green — the color of fresh herbs.
- Rosewood Mist (#D5A7B6): A luminous, dusty rose — the color of pressed rose petals.
- Dusty Rose (#A88795): A luminous, dusty rose — the color of a warm blush.
- Charcoal (#3E4C41): A full-bodied, dusty teal — the color of glacier melt.
Feels like: 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
- Ancient Basalt color palette (#FFF3E6, #DCE0C0, #C9A785, #9F6C59, #4C3E00)
- Hushed Driftwood color palette (#ECF9EF, #C6E1CF, #A0BFA7, #7D9B7E, #394D43)
- Stone Veranda color palette (#FBF2F9, #F5A59C, #8AA5D8, #967BB1, #362C3C)
- Hushed Bronze color palette (#F5E1ED, #E8B597, #CB8C72, #A76657, #412733)
- Chestnut Boulevard color palette (#FBF0E4, #CDB79B, #9C7C57, #7C4B12, #342A1B)
- Aged Canyon color palette (#FFF1F6, #EFB57E, #98C499, #6AA899, #49373E)
- Weathered Marigold color palette (#DEF6E5, #D5CA83, #BFA13D, #9B7A3C, #143E2E)
- Straw Harbor color palette (#FFD5FA, #ECE07D, #FFC5A9, #73626C, #3B3438)
Browse the whole catalog at Explore, or see today's palette.