Tempered Stone color palette — #FFF1F1 · #E3D7D2 · #ABBBA1 · #C5A5CB · #5B4643

Mauve takes the lead with Stone close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bone (#E3D7D2): bright and airy, almost weightless.
• Stone (#ABBBA1): A luminous, dusty green — the color of new leaves after rain.
• Mauve (#C5A5CB): A luminous, dusty pink — the color of a candy shop window.
• Cocoa (#5B4643): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: 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

• Softworn Cocoa color palette (#FFF2EE, #E0DACE, #DFAFC2, #A4B9D3, #7B3E1E)
• Washed Sunflower color palette (#FFF2EC, #E4DCC0, #F5D55C, #E88791, #4B443F)
• Sand Meadow color palette (#FFF1F4, #E4D8CE, #F8C995, #8D89C0, #654945)
• Pewter Station color palette (#F6EEFF, #E8D1DB, #E3B89F, #926787, #392B40)
• Worn Apricot color palette (#FFF2EA, #EACAAE, #E49676, #B07772, #563500)
• Antique Meadow color palette (#FFF2ED, #F99C96, #42C79E, #419AC9, #38312E)
• Misty Fuchsia color palette (#FFF1F3, #F1D5C3, #FFBA77, #E677C3, #572023)
• Weathered Dune color palette (#FFF2EE, #EED296, #C87D80, #7F584C, #2D1D19)

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