Tempered Garden color palette — #EDF0E5 · #B6BA75 · #1F7544 · #004120 · #141806

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

The five colors

• Cream (#EDF0E5): bright and airy, almost weightless.
• Sage (#B6BA75): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#1F7544): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#004120): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Ink (#141806): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Hushed Basin color palette (#E5F3E7, #9EC188, #007178, #003E42, #0A1A0D)
• Antique Sunflower Field color palette (#E2FBF9, #D7D672, #23753F, #002F2D, #000505)
• Wandering Moss Boulevard color palette (#E5EBDE, #8D9B4E, #00523B, #002116, #010300)
• Cerulean Dune color palette (#EFF8ED, #73C5BE, #008DB3, #00837C, #001F12)
• Ancient Cerulean color palette (#EEF8F1, #D2D4B1, #4B8893, #175660, #252E28)
• Honey Lantern color palette (#E1F2F5, #FFB770, #2B9C85, #325E64, #07191B)
• Timeworn Lantern color palette (#F3F0D7, #859A42, #B76177, #A13B0B, #2D2700)
• Tempered Denim Study color palette (#CBE5DD, #73B68D, #005894, #002B4B, #000F0B)

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