Tempered Stone color palette — #FBF3F3 · #DED9D4 · #D9A2C0 · #B0B5AA · #5C4F4E

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

The five colors

• Ivory (#FBF3F3): a clean, paper-quiet neutral.
• Silver (#DED9D4): a clean, paper-quiet neutral.
• Mauve (#D9A2C0): A luminous, dusty rose — the color of a warm blush.
• Ash (#B0B5AA): soft and architectural.
• Charcoal Brown (#5C4F4E): 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

• Bronze Boulevard color palette (#FDEEE9, #E8A1A3, #A16F39, #62504A, #291F1F)
• Wandering Cerulean color palette (#FAF5E4, #DCC6F2, #D89D99, #4A95BD, #5B3F41)
• Weathered Blush Parlor color palette (#FDF2F0, #E1DACB, #9CBBB0, #F57494, #4C3B37)
• Patina Apricot Cabin color palette (#FAF4EF, #DBDCD3, #A8BAB2, #E49667, #6C3800)
• Driftwood Field color palette (#F3F0F8, #E0D4D7, #B7ACA6, #897C98, #38343C)
• Dusty Fern Archive color palette (#F8F5EE, #DFE1C1, #A9BD97, #B88C9A, #515100)
• Bronze Pier color palette (#EBE5E0, #AEB2A3, #8A9F87, #A55D00, #200F00)
• Amber Archive color palette (#FBF4EC, #D6DCCD, #99D4C7, #CE8700, #37322C)

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