Tempered Veranda color palette — #ECF9EE · #D2CD92 · #97A86F · #7C82A0 · #203C2F

A conversation between Sage and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Pistachio (#D2CD92): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#97A86F): A luminous, balanced green — the color of fresh herbs.
• Slate Blue (#7C82A0): A luminous, dusty violet — the color of a velvet chair.
• Forest (#203C2F): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns Tempered Veranda 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 Seafoam Alley color palette (#E8FAF6, #8FDFAD, #53B49B, #77849E, #183C3B)
• Sunflower Basin color palette (#E3FEE6, #E2D157, #9CB047, #B1757D, #423B0D)
• Muted Parlor color palette (#FFF1F6, #C0B674, #6A8C58, #586183, #253B2F)
• Powdered Chapel color palette (#D8EADE, #BBC164, #75A041, #966765, #0F3024)
• Weathered Stone color palette (#EAF9F5, #B7E9E5, #8CC3AD, #9F96A7, #3F5150)
• Aged Aqua Villa color palette (#EDF9EF, #A4F1EC, #4EC5D3, #599B80, #064151)
• Lime Terrace color palette (#D5F3E8, #88D96A, #00B36A, #A36191, #18360B)
• Airy Coast color palette (#DCE7DE, #B5AB2A, #6F8B16, #6E5888, #1E1B00)

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