Tempered Garden color palette — #F4F7EA · #98BC99 · #6391B8 · #9D4D51 · #414700

A conversation between Burnt Sienna and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Sage (#98BC99): A luminous, dusty green — the color of a quiet forest floor.
• Slate Blue (#6391B8): A luminous, dusty blue — the color of deep harbor water.
• Burnt Sienna (#9D4D51): A full-bodied, balanced red — the color of late-summer berries.
• Deep Olive (#414700): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Wandering Grove color palette (#F3F7EE, #7EC2A6, #9081BF, #8F5C29, #38491E)
• Tempered Pewter Lantern color palette (#F9F5EB, #BFB279, #3C9AB0, #8D507F, #563D17)
• Washed Canyon color palette (#F6F8DF, #C4D4BD, #9AB7AA, #B27250, #6C4C00)
• Muted Plum Boulevard color palette (#E4F8EB, #00A7C2, #B14574, #793E00, #2A2F00)
• Seafoam Delta color palette (#EDF9EC, #63DED7, #77B1D7, #A1798F, #42433C)
• Washed Lantern color palette (#E8F9F9, #71E6B6, #9991CD, #805E79, #472F43)
• Aged Cabin color palette (#EBF5E9, #54ACA8, #495D54, #313B30, #20231B)
• Washed Driftwood Ridge color palette (#F5F6EE, #C9D7B9, #88A586, #80823A, #3E5615)

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