Tempered Stone color palette — #F0F7F3 · #D2DCDD · #96CBC7 · #B7B3A9 · #4C5550

Ash and Ash set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#D2DCDD): bright and airy, almost weightless.
• Ash (#96CBC7): A luminous, dusty teal — the color of glacier melt.
• Ash (#B7B3A9): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#4C5550): a grounded near-black with real depth.

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

• Petal Archive color palette (#E9FAF3, #CAE5F5, #E5C9FE, #C1BADA, #544556)
• Hushed Fern Meadow color palette (#F6F6EF, #DBE2C4, #84C6AB, #8AA18C, #495304)
• Hushed Cerulean Lagoon color palette (#EBF3F7, #D3D6DD, #AFAAB4, #61899E, #2E383D)
• Weathered Powder color palette (#FEF4E3, #9DDBF3, #94AEE3, #B57B6D, #364E45)
• Antique Chapel color palette (#EDF8F4, #EAD4D0, #27AFF8, #ADA08F, #34443E)
• Washed Orchard color palette (#DEFEF1, #E9D4E8, #D5B3C1, #AC9788, #664800)
• Softworn Petrol Thicket color palette (#E8EFEC, #8DA7AB, #AD8CA6, #006D8F, #000D06)
• Hushed Powder color palette (#E4F7F1, #74BEFB, #8B7386, #475954, #1C2420)

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