Tempered Stone color palette — #FFF2EB · #FCAE94 · #BBA3E3 · #B87A66 · #62424F
Built around Melon, softened by Mauve — the whole palette hums with creativity and warmth.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Melon (#FCAE94): A luminous, balanced orange — the color of toasted spice.
- Mauve (#BBA3E3): A luminous, balanced violet — the color of wild irises.
- Caramel (#B87A66): A luminous, balanced orange — the color of autumn markets.
- Cocoa (#62424F): A full-bodied, dusty rose — the color of a warm blush.
Feels like: Creativity, 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
- Dusty Honey color palette (#FFF4E2, #E4BF6A, #DA9CB8, #A18954, #624442)
- Tempered Courtyard color palette (#FFF2EC, #FEABA0, #A6BA80, #BB786F, #4E4D46)
- Tempered Bronze Coast color palette (#FFF2EB, #EDBFA6, #BE8F7D, #A26241, #693B00)
- Tempered Apricot Canyon color palette (#FFF0F9, #FCC7B3, #84D3F6, #E39070, #2C5268)
- Patina Atelier color palette (#FFF2EB, #D9A18B, #57A5BB, #9C614B, #2E5742)
- Softworn Chestnut color palette (#FFF3E9, #DDDBCB, #98C2B5, #B99986, #744603)
- Weathered Bronze Meadow color palette (#FAF4EB, #E8CE9A, #9C7635, #674600, #2F2B24)
- Chalky Hollow color palette (#FBECD5, #D29F00, #D46CA7, #8F6B00, #4F253C)
Browse the whole catalog at Explore, or see today's palette.