Tempered Stone color palette — #E5FBF2 · #E7D7D1 · #A6C6AA · #A9AA9D · #594954

A conversation between Pistachio and Charcoal Brown, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E5FBF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Bone (#E7D7D1): a clean, paper-quiet neutral.
• Pistachio (#A6C6AA): A luminous, dusty green — the color of a quiet forest floor.
• Taupe (#A9AA9D): soft and architectural.
• Charcoal Brown (#594954): A full-bodied, dusty pink — the color of a candy shop window.

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

• Worn Powder color palette (#FFF1F6, #FBE9BD, #E7D6D6, #95B0D5, #61484C)
• Powder Market color palette (#FFF0F9, #BABBFF, #A5C18E, #8CA27B, #463841)
• Aged Harbor color palette (#FCF5E2, #DEDCAF, #C5B58C, #A48E76, #3E4F05)
• Dusty Courtyard color palette (#E8F3FF, #D9D5E3, #DFAFBD, #5A929D, #2E3645)
• Hushed Celadon Workshop color palette (#FAF2FA, #B7EEBD, #85A0C6, #786678, #2F292F)
• Aged Apricot Dune color palette (#FBF2F7, #D8DAFF, #EFA187, #A4A5D8, #4B2000)
• Airy Courtyard color palette (#FFF0FC, #F1D4CA, #FFC569, #948DF5, #53263D)
• Feathered Lilac Coast color palette (#D7E1EE, #AD99ED, #CD7DA1, #007081, #180010)

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