Tempered Garden color palette — #F3EFDF · #B09700 · #7E8800 · #2C6900 · #040500

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

The five colors

• Cream (#F3EFDF): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#B09700): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#7E8800): A full-bodied, balanced green — the color of a quiet forest floor.
• Olive (#2C6900): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#040500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.

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

• Olive Pier color palette (#E3E5D6, #81A800, #218D10, #00714F, #000301)
• Dusty Amber Station color palette (#F7E7CF, #D27A00, #9E7000, #6E6100, #070400)
• Linen Amber color palette (#D7E7DD, #E48100, #939900, #008D6F, #010300)
• Antique Bronze Atelier color palette (#F8EFD4, #B66900, #726700, #00432F, #030400)
• Wandering Pine Villa color palette (#E6E9D1, #44845A, #005338, #302C00, #000802)
• Denim Boulevard color palette (#E2E9D5, #007D4E, #0057A7, #004428, #000614)
• Airy Pier color palette (#D6E8CC, #00C281, #009984, #00787E, #000F0D)
• Feathered Lime color palette (#F5F6DA, #CBD26E, #7CBF1E, #009E5D, #052801)

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