Tempered Stone color palette — #EFF7F5 · #D2DCE0 · #D9BAB4 · #ADB0BA · #495652

Stone and Charcoal Brown set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#D2DCE0): a clean, paper-quiet neutral.
• Stone (#D9BAB4): A luminous, dusty orange — the color of sun-warmed clay.
• Ash (#ADB0BA): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#495652): 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

• Weathered Courtyard color palette (#EAF9F7, #D0DBE3, #B0A7B4, #71B87A, #314442)
• Timeworn Driftwood color palette (#F3F2EB, #D2D9D3, #A2B4B4, #8D853C, #373631)
• Teal Study color palette (#FFF0F7, #C4D9A7, #76BEB3, #A67D9A, #334D4B)
• Washed Turquoise color palette (#E9F8FF, #D4D9EE, #C1BBDD, #00ABC4, #203640)
• Tempered Cypress color palette (#DCECF1, #A8B0C6, #9594B6, #008188, #03171D)
• Periwinkle Lantern color palette (#E9FAF5, #B9D19D, #8BAADF, #A97588, #5E333E)
• Softworn Mint color palette (#E4F6F5, #7DCB9B, #6A8085, #475958, #1C2321)
• Aged Thicket color palette (#D8E9E5, #90A4AF, #768A9C, #417226, #000C0A)

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