Tempered Stone Study color palette — #ECF9F0 · #BEC697 · #598D82 · #656474 · #3E524A

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

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Pistachio (#BEC697): A luminous, dusty green — the color of a quiet forest floor.
• Storm Blue (#598D82): A luminous, dusty teal — the color of shallow lagoons.
• Graphite (#656474): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#3E524A): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Stone Study 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

• Dusty Stone color palette (#ECF9F0, #B0B578, #667B52, #695067, #32483F)
• Softworn Ash color palette (#F0F7F1, #D3DFF1, #6BA2BA, #4B7680, #405568)
• Dusty Fern color palette (#FBF4EA, #D9D2AF, #86A682, #8F7480, #5A4D00)
• Worn Apricot color palette (#FFF0FA, #EE957C, #48A6C3, #986354, #345161)
• Weathered Emerald color palette (#D0ECE4, #569E65, #00644A, #592C44, #00302E)
• Antique Amber Boulevard color palette (#FFF0F9, #D27F5B, #449D79, #71719E, #4F3B47)
• Sand Corridor color palette (#FFF0F7, #FBBC99, #A6714E, #6B432B, #482A3B)
• Tempered Hollow color palette (#DAEEDC, #8A7B00, #404B00, #4A1E26, #1F1B00)

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