Tempered Stone color palette — #EFF7F4 · #D2DCDD · #A0CBCE · #B4B1A8 · #4A5651

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

The five colors

• Ivory (#EFF7F4): a clean, paper-quiet neutral.
• Silver (#D2DCDD): bright and airy, almost weightless.
• Stone (#A0CBCE): A luminous, dusty blue — the color of open sky before noon.
• Ash (#B4B1A8): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#4A5651): 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

• Antique Drift color palette (#FCF1FC, #D6D3E0, #D5B9EE, #B39DA8, #564455)
• Periwinkle Dune color palette (#F9F3F9, #EDD5D9, #D5B6AA, #77A5EF, #493A48)
• Softworn Cerulean color palette (#EDF3F7, #D5D6DE, #B7ACBA, #6887A0, #32373B)
• Softworn Station color palette (#FBF2FA, #ACC7FC, #BB9BCA, #B07280, #274B38)
• Ancient Wisteria color palette (#FFF1F3, #E7D5CD, #DDBAA6, #C576C8, #442A2F)
• Aged Powder Chapel color palette (#F8EEF7, #92B6FE, #887581, #5C505B, #252025)
• Muted Petrol Alley color palette (#E1EEEA, #B19EA4, #9D8388, #0066AB, #000C09)
• Timeworn Violet color palette (#E9DCE2, #CCBBB9, #BB9F99, #836DCE, #2C1822)

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