Tempered Garden color palette — #F8F5EE · #D7DCD6 · #A1D3B9 · #A7B7B7 · #55524B

A conversation between Pistachio and Ash, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Silver (#D7DCD6): a clean, paper-quiet neutral.
• Pistachio (#A1D3B9): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#A7B7B7): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#55524B): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

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

• Glacier Meadow color palette (#F6F7E4, #D3F2B7, #E5DDCC, #77D7DD, #43453E)
• Antique Fern Lagoon color palette (#FCF4EA, #E7DEBD, #B4BA90, #A99781, #5D4B00)
• Timeworn Mint color palette (#F3F3E2, #9FC483, #73806D, #55554A, #25211A)
• Driftwood Alley color palette (#EDF4F0, #CEDADD, #ABB1BF, #8C8455, #303834)
• Turquoise Summit color palette (#FEF3EB, #EEBA9F, #69B8C2, #AB7582, #603434)
• Aged Balcony color palette (#D9E1D5, #9EB6B3, #B698A2, #008471, #0C1805)
• Teal Courtyard color palette (#F1F7EF, #C3E2E1, #E3C6DF, #00AFA5, #273824)
• Worn Fern Pier color palette (#EDEADC, #99A39A, #709185, #676800, #0D0901)

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