Tempered Garden color palette — #F5F2E5 · #DAF2B8 · #C1CC82 · #8CAF79 · #2D2A18

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

The five colors

• Cream (#F5F2E5): bright and airy, almost weightless.
• Celadon Mist (#DAF2B8): A whisper-light, balanced green — the color of new leaves after rain.
• Pistachio (#C1CC82): A luminous, balanced green — the color of new leaves after rain.
• Sage (#8CAF79): A luminous, balanced green — the color of new leaves after rain.
• Onyx (#2D2A18): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Washed Mint Terrace color palette (#EEEFC4, #8CC383, #5A925F, #326143, #383B34)
• Wandering Mint color palette (#F0F4E3, #81C694, #C98D61, #448157, #36302B)
• Softworn Seafoam Orchard color palette (#EEF5E5, #A3EEF6, #91D6AE, #65ADA2, #233600)
• Tempered Oat Summit color palette (#E9FAF2, #FFE4B3, #CCD68C, #74B186, #244C44)
• Muted Study color palette (#FEEFE0, #E2D5C4, #F9BF89, #B9A164, #35302A)
• Muted Oat color palette (#F4F4D7, #C4CBAC, #8D9684, #587367, #2B443E)
• Hushed Chestnut Pier color palette (#F1F3EA, #BCC9A7, #788969, #726011, #283700)
• Clover Parlor color palette (#EEF5E1, #8FE273, #2DCD7C, #129984, #0D1800)

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