Tempered Stone color palette — #FFF1F3 · #F5D2CD · #E99C98 · #AA6F5D · #524C47
A conversation between Rose Quartz and Mocha, giving this palette its sense of warmth and comfort.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Shell Pink (#F5D2CD): A whisper-light, dusty orange — the color of sun-warmed clay.
- Rose Quartz (#E99C98): A luminous, balanced orange — the color of sun-warmed clay.
- Mocha (#AA6F5D): A full-bodied, balanced orange — the color of sun-warmed clay.
- Charcoal Brown (#524C47): quiet, heavy and certain.
Feels like: Warmth, Comfort, Sophistication. Tagged light, muted, warm.
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
- Cocoa Meadow color palette (#FFF0F7, #FFD1DF, #D394B9, #A46A74, #7B3F1F)
- Muted Coral Loft color palette (#FFE5E3, #E5A2AF, #CC6A71, #824538, #3D3632)
- Taupe Chapel color palette (#FFF2ED, #E9D8C3, #D0A06F, #8F7B48, #534600)
- Seafoam Villa color palette (#FFF2EB, #EED7BF, #84DED8, #C68876, #354E32)
- Timeworn Rust Pier color palette (#FFD3DC, #FF7E7E, #C65C00, #674500, #242200)
- Cocoa Parlor color palette (#FFF2ED, #E0DECD, #9DC5C7, #D19FA7, #7A4217)
- Ember Basin color palette (#FFF0F8, #FFB5B5, #F45C12, #854D00, #423000)
- Amber Delta color palette (#FFE9E9, #E66E18, #855400, #413800, #101500)
Browse the whole catalog at Explore, or see today's palette.