Tempered Stone color palette — #F9F3F8 · #E1D7D8 · #9EC3D0 · #BFB0A8 · #565155

Built around Ash, softened by Rosewood Mist — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#E1D7D8): bright and airy, almost weightless.
• Ash (#9EC3D0): A luminous, dusty blue — the color of open sky before noon.
• Rosewood Mist (#BFB0A8): A luminous, dusty gold — the color of old brass.
• Charcoal Brown (#565155): 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

• Taupe Harbor color palette (#F1F7F1, #D0DCDA, #A3C2CC, #C49659, #353D35)
• Antique Driftwood color palette (#F6F0F5, #DED5D4, #A5ADB5, #967795, #3B333B)
• Washed Mint Cabin color palette (#ECF8F7, #BAE8EA, #78C7B5, #8CA08E, #3D5253)
• Aged Apricot color palette (#EDF9EE, #FFC0A1, #D6A369, #73976D, #56414A)
• Dusty Quarry color palette (#D7E2DC, #9CB6B7, #73A3AA, #7C7400, #02190F)
• Apricot Dune color palette (#FDEDF4, #F3A16A, #8F727C, #604F57, #252023)
• Washed Drift color palette (#F2E6EE, #AF9B9B, #AD7F7B, #A43E16, #11050D)
• Ancient Lantern color palette (#FAF3F7, #E3D7D7, #96CCD0, #BDB0A6, #585054)

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