Tempered Veranda color palette — #EAFAF2 · #C3E0A8 · #8FB894 · #7B93AB · #2B4942

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

The five colors

• Ivory (#EAFAF2): bright and airy, almost weightless.
• Celadon Mist (#C3E0A8): A whisper-light, balanced green — the color of a quiet forest floor.
• Sage (#8FB894): A luminous, dusty green — the color of new leaves after rain.
• Slate Blue (#7B93AB): A luminous, dusty blue — the color of open sky before noon.
• Forest (#2B4942): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Muted Archive color palette (#EBF8F6, #B8E8E9, #8AC0C9, #929AAE, #3D5252)
• Weathered Taupe color palette (#FCF4E5, #D0E2C2, #82AA85, #8D6B7B, #3A3932)
• Patina Sunflower color palette (#E2FDE8, #DCD358, #96B250, #927FA9, #403C0C)
• Powdered Wisteria color palette (#F6F3FF, #F8AFEF, #94CF96, #C982C1, #104C48)
• Mint Atelier color palette (#D4F3EC, #70DA91, #00B08A, #6977AE, #0D371C)
• Washed Lantern color palette (#F7F3FF, #EAD9D4, #CEC399, #BDA3CD, #53475C)
• Linen Mallow color palette (#F7F3FF, #F59BDC, #C8B555, #6BB1C5, #3B3447)
• Softworn Pine color palette (#F3F3E7, #B3B795, #52825C, #3E5E46, #28290D)

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