Tempered Stone color palette — #EDF7FA · #D6DBE4 · #B8AFBC · #736C64 · #4D5456

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

The five colors

• Ivory (#EDF7FA): bright and airy, almost weightless.
• Silver (#D6DBE4): bright and airy, almost weightless.
• Ash (#B8AFBC): A luminous, dusty pink — the color of a candy shop window.
• Pewter (#736C64): quiet, heavy and certain.
• Charcoal Brown (#4D5456): a grounded near-black with real depth.

Feels like: Sophistication. 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

• Antique Thicket color palette (#F1F7F1, #D3DDDD, #9ACCD2, #B4ACA5, #494F48)
• Lagoon Terrace color palette (#EEF3EE, #D0D8D8, #A5AFB5, #469093, #323832)
• Ancient Cypress color palette (#E1EEF2, #9AA0B4, #8784A2, #00717B, #010B10)
• Worn Seafoam color palette (#E8F9FC, #73DCD4, #BA9BD0, #A28055, #304936)
• Aged Sky Harbor color palette (#E5F5FF, #33C8F9, #717C8D, #4C565C, #1D2325)
• Cobalt Meadow color palette (#E2E6EE, #B9ACC2, #A78FA5, #586BBA, #0D1421)
• Washed Dune color palette (#F1F5FF, #E6D4EC, #D3B6CB, #8D8AEF, #2D3240)
• Tempered Quarry color palette (#EFF6FC, #D9DAE4, #BBAEB9, #716E64, #4C5459)

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