Tempered Stone color palette — #F9F3F8 · #E1D7D7 · #B3B7AB · #C3A2BD · #514B50

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

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#E1D7D7): a clean, paper-quiet neutral.
• Ash (#B3B7AB): soft and architectural.
• Mauve (#C3A2BD): A luminous, dusty pink — the color of neon signs at night.
• Charcoal Brown (#514B50): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Aged Iris Archive color palette (#FDF1F7, #E5D7D4, #B9AFA4, #9280E4, #412F38)
• Patina Fern Atelier color palette (#FFF0F9, #E6D8D5, #D2B4B2, #988E77, #515100)
• Mulberry Coast color palette (#FCF2F4, #E6D6CE, #DCAEA6, #7E4785, #17070B)
• Worn Lilac color palette (#FCF4E8, #D2DBFF, #B98FCC, #856F40, #4A3A42)
• Antique Thicket color palette (#FFF1F7, #B59EF0, #664C52, #33272D, #120E11)
• Hushed Navy color palette (#F4E8F0, #CCB3BD, #AA878F, #30278A, #040002)
• Softworn Harbor color palette (#FFF2F0, #E1D9D0, #AAB99B, #C54C81, #371C1A)
• Ancient Coral color palette (#FDF1F8, #C3C6FF, #CD8187, #6F6F2C, #273F2B)

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