Tempered Garden color palette — #F8F5EE · #E5DEC4 · #AFBC8D · #B69082 · #5C4C00

Deep Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Bone (#E5DEC4): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#AFBC8D): A luminous, dusty green — the color of fresh herbs.
• Taupe (#B69082): A luminous, dusty orange — the color of autumn markets.
• Deep Olive (#5C4C00): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, 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

• Aged Fern color palette (#F9F4EE, #D8D1B6, #9C9F79, #957185, #5C4C00)
• Chestnut Station color palette (#FFF2EA, #DEDACC, #E3A498, #A5B7D1, #7A4513)
• Dusty Stone color palette (#F0F8F0, #BBDFF0, #9AB98B, #80849A, #374B42)
• Weathered Courtyard color palette (#FFF2EA, #EBDBB6, #E7AA8C, #BC7653, #542C19)
• Softworn Courtyard color palette (#E9E3D2, #999D5B, #647B00, #7D4600, #101100)
• Feathered Jade Cabin color palette (#F8F6E7, #B8DBA0, #71B96C, #BB7454, #2E411E)
• Aged Garden color palette (#FFF2ED, #FAB2AB, #D1BC81, #CF96DE, #48403D)
• Lagoon Terrace color palette (#DFE4D3, #6CB999, #00947B, #855A00, #002115)

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