Tempered Garden color palette — #FFF3E9 · #8AB76F · #3C8582 · #764C50 · #404F03

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sage (#8AB76F): A luminous, balanced green — the color of fresh herbs.
• Fern (#3C8582): A full-bodied, dusty teal — the color of sea glass.
• Coffee (#764C50): A full-bodied, dusty red — the color of late-summer berries.
• Deep Olive (#404F03): A full-bodied, balanced green — the color of fresh herbs.

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

• Chestnut Market color palette (#FFF2EC, #5EBBAA, #477EA1, #844629, #3C4D3E)
• Taupe Workshop color palette (#FFEDE9, #A6B377, #378686, #6E415A, #2B2E1B)
• Marigold Market color palette (#FFF3E5, #C8A151, #5D8358, #5C527A, #584500)
• Hushed Chestnut Field color palette (#F8F5EC, #AFCAA1, #5C8E74, #7A6317, #515100)
• Antique Cypress Archive color palette (#FCF3EF, #C7EDE2, #7CA48B, #4D7A60, #385148)
• Patina Jade Corridor color palette (#F5F7E7, #73A868, #646D9A, #6F435C, #6B2E14)
• Stone Cabin color palette (#FCF1FD, #B8C689, #56A1A0, #8D5D78, #2E4F4C)
• Emerald Hollow color palette (#FFF2ED, #00A666, #006C7F, #702647, #003F36)

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