Tempered Stone color palette — #F0F1FB · #B7CBA0 · #5D5E7D · #2E2E47 · #13131C

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

The five colors

• Ivory (#F0F1FB): bright and airy, almost weightless.
• Pistachio (#B7CBA0): A luminous, dusty green — the color of a quiet forest floor.
• Graphite (#5D5E7D): A full-bodied, dusty violet — the color of twilight just after sunset.
• Navy (#2E2E47): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#13131C): a grounded near-black with real depth.

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

• Weathered Parlor color palette (#F6F3FD, #D8B4CC, #735071, #3B334F, #2B212B)
• Washed Cocoa color palette (#F9EDF9, #B9B682, #7A4344, #41191B, #130813)
• Driftwood Alley color palette (#FCF2F5, #D3D4B0, #8C719D, #63424C, #35272B)
• Ash Villa color palette (#E6F7ED, #CE99B8, #986D5C, #215A6C, #332736)
• Patina Bronze Cabin color palette (#F2F1F9, #D9B4E1, #A37A3E, #896091, #101910)
• Lime Chapel color palette (#F3EFFF, #9CB440, #73296E, #3A0238, #0B0319)
• Softworn Quarry color palette (#F3EFFF, #B281B0, #6B8D6B, #446945, #241F31)
• Muted Driftwood color palette (#FFEAFC, #DEA9B8, #B87573, #784327, #3B2800)

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