Tempered Garden color palette — #E9F9F8 · #E9EBA1 · #4B8560 · #1C3F3E · #011313

Built around Butter, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#E9F9F8): bright and airy, almost weightless.
• Butter (#E9EBA1): A whisper-light, balanced green — the color of fresh herbs.
• Fern (#4B8560): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#1C3F3E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#011313): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

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

• Lichen Pier color palette (#EDF7F9, #EFFEC0, #5B9289, #2D4C51, #141D1F)
• Aged Chartreuse Coast color palette (#E8F8FF, #AEF05D, #007984, #00353B, #00090E)
• Tempered Balcony color palette (#E6FAFB, #EAD2A1, #5BA689, #3D6C6F, #0F2627)
• Patina Forest Pier color palette (#EEF4E9, #C7B081, #15634B, #003021, #080F02)
• Smoked Moss color palette (#D1E7E7, #939400, #003520, #060B0E, #000201)
• Mint Summit color palette (#E5FAFC, #00CFAF, #7D9FD3, #837139, #0F292C)
• Muted Chartreuse color palette (#DFFCFF, #B8D300, #006756, #00251D, #000102)
• Washed Corridor color palette (#ECF7FB, #77FEFD, #40A8E2, #279C9B, #06141E)

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