Tempered Stone color palette — #F2F3E7 · #A6CFAF · #618E77 · #596653 · #30322B

Pistachio takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F2F3E7): bright and airy, almost weightless.
• Pistachio (#A6CFAF): A luminous, dusty teal — the color of sea glass.
• Fern (#618E77): A luminous, dusty teal — the color of glacier melt.
• Graphite (#596653): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#30322B): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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 Ash color palette (#F1F3EB, #C3E3DF, #6FA5B9, #56745A, #213D31)
• Washed Lagoon color palette (#ECF9F5, #A2CAC6, #5C8B8C, #506B73, #375350)
• Antique Fern Cabin color palette (#F8F5EB, #B5EBDB, #A3B68E, #768C7D, #484A00)
• Worn Teal Grove color palette (#ECF7DC, #47BFA1, #007C70, #0A575B, #00271E)
• Aged Fern color palette (#F4ECD7, #8A9547, #455F00, #02433B, #161200)
• Washed Archive color palette (#E8EED6, #007B52, #004132, #00222F, #000402)
• Powder Lagoon color palette (#FBEDF7, #A0AEF5, #62AC9C, #626DA7, #28361F)
• Soft Olive color palette (#E3E1C6, #468C23, #00531A, #003034, #080800)

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