Tempered Stone color palette — #E8FAF1 · #DADAC7 · #BBCC84 · #62AAAD · #2F4D48
Built around Pistachio, softened by Turquoise — the whole palette hums with nature and growth.
The five colors
- Ivory (#E8FAF1): A whisper-light, dusty teal — the color of sea glass.
- Bone (#DADAC7): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#BBCC84): A luminous, balanced green — the color of a quiet forest floor.
- Turquoise (#62AAAD): A luminous, dusty teal — the color of shallow lagoons.
- Charcoal (#2F4D48): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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
- Timeworn Mint Thicket color palette (#E4FBF9, #F4ECA0, #82D6A9, #68A3C5, #274A53)
- Hushed Sand color palette (#FFF1F6, #E4D8D3, #F7C791, #7EA67E, #3D4F42)
- Weathered Summit color palette (#E4FEE2, #A9CEC3, #7399A6, #74707E, #5D4C5B)
- Straw Basin color palette (#F5F2E5, #F9E8A1, #C8D88A, #81AF7A, #302D0D)
- Worn Parlor color palette (#DCFFEB, #A2C372, #4F8F62, #316D61, #3C5065)
- Ash Pier color palette (#E1FBFB, #7CC19D, #BE81B0, #3D8260, #514860)
- Quiet Harbor color palette (#D7FFF7, #FFC15A, #58D200, #0099B0, #00452F)
- Clover Grove color palette (#D5FFFC, #E7C623, #00BD6B, #0081B3, #003941)
Browse the whole catalog at Explore, or see today's palette.