Tempered Garden color palette — #F5F7E8 · #CDE4D8 · #B3B4C3 · #AFAC7A · #3C5616

Deep Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Silver (#CDE4D8): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#B3B4C3): A luminous, dusty violet — the color of twilight just after sunset.
• Sage (#AFAC7A): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#3C5616): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Muted Field color palette (#EFF9EA, #F9D7F8, #C8E4DE, #8CB288, #455244)
• Patina Thicket color palette (#E8F1D0, #74B2AA, #1A8FC3, #444B00, #00110E)
• Cocoa Ridge color palette (#FBF4EC, #D9C8AB, #B0967B, #976755, #564600)
• Patina Bronze Cabin color palette (#EDF9EE, #76B8BB, #AE8CBE, #A46B46, #314233)
• Emerald Courtyard color palette (#EBFBE6, #B6E6E4, #AABDFA, #529456, #2C4B35)
• Abyss Atelier color palette (#F1F7F0, #EBC9B1, #4E8A85, #115955, #262E24)
• Lilac Chapel color palette (#E6F4EB, #85B1F0, #9B82DB, #006A63, #001D2D)
• Airy Cypress Station color palette (#D1EBD1, #93D0EC, #8F95DC, #007D5D, #002E3A)

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