Tempered Stone color palette — #DAFEF8 · #AFEFDD · #97C394 · #679268 · #0D423B

A conversation between Mint Leaf and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#DAFEF8): A whisper-light, dusty teal — the color of sea glass.
• Sea Foam (#AFEFDD): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#97C394): A luminous, balanced green — the color of new leaves after rain.
• Fern (#679268): A luminous, dusty green — the color of new leaves after rain.
• Forest (#0D423B): A deep, shadowed, dusty teal — the color of sea glass.

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

• Hushed Balcony color palette (#D9FEF8, #BBE2EE, #8FBE8E, #437D41, #163719)
• Stone Harbor color palette (#DFFEEA, #EDE1AC, #C9BD7F, #968B4F, #204430)
• Patina Emerald Lagoon color palette (#F2F5D8, #ADD1A9, #639B61, #305429, #1C2002)
• Muted Ridge color palette (#DAFFEF, #6FF1B1, #00C699, #008F61, #002F20)
• Dusty Aqua Dune color palette (#E9F8FF, #89E8F9, #4FC3D0, #1D8F9F, #00353E)
• Softworn Teal color palette (#EEF7F8, #B3ECD9, #B9AEE6, #5FC0A3, #2A2D3C)
• Hushed Teal Meadow color palette (#EAF8FA, #FFD4B7, #6CADA0, #4A757C, #1D2F32)
• Washed Seafoam Balcony color palette (#E5FAFB, #92D3B7, #DBA7A6, #C08985, #2D4142)

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