Tempered Stone color palette — #F8F5E9 · #C1CC82 · #B3A7E2 · #899357 · #604352

Pistachio and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F5E9): bright and airy, almost weightless.
• Pistachio (#C1CC82): A luminous, balanced green — the color of new leaves after rain.
• Mauve (#B3A7E2): A luminous, balanced violet — the color of a velvet chair.
• Moss (#899357): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#604352): A full-bodied, dusty rose — the color of strawberry cream.

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

• Washed Seafoam color palette (#F1F9E7, #82D9B2, #DD98C2, #539D7E, #634444)
• Antique Olive color palette (#F9F5E7, #AFB678, #A28CC7, #72792C, #654050)
• Antique Grove color palette (#EDF8F3, #D4DBA3, #CFBCF1, #A7B059, #53456A)
• Wandering Honey color palette (#FEF3E8, #F3B774, #7CB7EB, #B0824E, #30564C)
• Patina Lime Atelier color palette (#F9F6DF, #A4BD6A, #6AACDE, #BB7E8E, #43433B)
• Tempered Moss color palette (#E8FAF2, #B1EAEB, #FEB6BA, #9BA140, #62383C)
• Bronze Alley color palette (#FFF2EA, #E5C4A7, #B8927A, #A36145, #633F00)
• Timeworn Studio color palette (#F8F8D3, #C3E8AB, #85A671, #5C724B, #3A3A33)

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