Tempered Stone color palette — #E6F6EE · #B8C194 · #678C7B · #455F50 · #1F302B

Built around Pistachio, softened by Eucalyptus — the whole palette hums with nature and growth.

The five colors

• Cream (#E6F6EE): bright and airy, almost weightless.
• Pistachio (#B8C194): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#678C7B): A luminous, dusty teal — the color of sea glass.
• Pine (#455F50): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#1F302B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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

• Worn Villa color palette (#E4F7ED, #ACB175, #7D773C, #315540, #0D2821)
• Driftwood Thicket color palette (#E9F6E9, #A6C4AB, #997D56, #6B4F59, #233027)
• Patina Stone Bloom color palette (#E9F5F2, #CCC689, #386C64, #1D3733, #0D1614)
• Tempered Aqua Lantern color palette (#C4FFFD, #6ECAD4, #4A97A9, #225F75, #002D44)
• Ancient Ash color palette (#EAFAF1, #A9D6CB, #7DA691, #8A6A75, #354D4D)
• Tempered Seafoam color palette (#E8F5F6, #70DABD, #38919D, #3C806D, #0C181D)
• Washed Market color palette (#E0F7F7, #46AB7D, #5A88AC, #49674C, #112727)
• Hushed Amber color palette (#CEE9D2, #B29542, #7C5F26, #54380F, #031E11)

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