Tempered Stone color palette — #EEF9E7 · #D7D9E8 · #ABC1A0 · #B6A9A9 · #344738

Built around Stone, softened by Charcoal — the whole palette hums with nature and growth.

The five colors

• Ivory (#EEF9E7): A whisper-light, dusty green — the color of fresh herbs.
• Silver (#D7D9E8): A whisper-light, dusty violet — the color of twilight just after sunset.
• Stone (#ABC1A0): A luminous, dusty green — the color of fresh herbs.
• Ash (#B6A9A9): a calm mid-gray that lets other colors speak.
• Charcoal (#344738): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

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

• Tempered Teal color palette (#E9F8FF, #DFDBE5, #BBB2A4, #4CACA6, #324064)
• Antique Fern color palette (#F4F9DA, #D2F1FF, #D2C7CB, #B7AE7F, #3B5515)
• Ancient Pine Atelier color palette (#E4FAFF, #D8DCE8, #ADC3E8, #47845F, #294E5D)
• Washed Bloom color palette (#FFF2EB, #FED5A6, #CA8D76, #84615A, #34312B)
• Antique Wisteria Balcony color palette (#E1F1F9, #96BAFF, #BF6EBF, #005A4B, #000103)
• Timeworn Emerald color palette (#D5FFFF, #DED8E2, #D9C6FF, #3A9453, #002F45)
• Hushed Meadow color palette (#E2FDF0, #27C3F9, #C99154, #916940, #142A20)
• Cobalt Terrace color palette (#FDF1FC, #F4D4C6, #5C76A7, #482E45, #160B15)

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