Tempered Stone color palette — #F9F3F8 · #E1D7D8 · #B6B7AC · #DFA59B · #585056

Rosewood Mist takes the lead with Stone 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 (#E1D7D8): bright and airy, almost weightless.
• Stone (#B6B7AC): soft and architectural.
• Rosewood Mist (#DFA59B): A luminous, dusty orange — the color of autumn markets.
• Charcoal Brown (#585056): 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

• Hushed Coast color palette (#FAEEF3, #E5A77D, #90727C, #604F57, #261F23)
• Antique Oat Alley color palette (#FEF1F8, #E6D9D0, #B4D2E2, #EABC8C, #533A46)
• Antique Stone color palette (#ECFAED, #FAC2A4, #CFA674, #739770, #544249)
• Tempered Stone color palette (#EAFBEA, #C3E1DC, #A2C6B6, #7C9DA0, #415459)
• Driftwood Studio color palette (#F6F0F5, #DED5D4, #AFB9BD, #947893, #393439)
• Amber Station color palette (#F2F7F1, #CDDEDA, #ADC7C4, #CA9349, #353D35)
• Softworn Summit color palette (#EEE2E9, #B19A9A, #A47F7C, #A63B0D, #12040E)
• Ancient Olive color palette (#E0E8E3, #9FB5B7, #73A4AB, #7B7500, #01190F)

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