Tempered Forest color palette — #E3F1E4 · #717B3B · #005425 · #411A3B · #050700

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

The five colors

• Honeydew (#E3F1E4): A whisper-light, dusty green — the color of new leaves after rain.
• Walnut (#717B3B): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#005425): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Indigo (#411A3B): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#050700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Forest 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 Pier color palette (#F8E8D3, #77820C, #00491D, #33012D, #010100)
• Quiet Aubergine Chapel color palette (#D1E6D4, #7A8C49, #006338, #402768, #0D1200)
• Pine Courtyard color palette (#C8E7D8, #48854A, #005145, #002F48, #000901)
• Soft Byzantium Canyon color palette (#EBE8F6, #9C34A3, #00684C, #5D0063, #000804)
• Moonless Fern color palette (#EDE9D9, #4B6738, #003516, #001633, #020800)
• Mulberry Ridge color palette (#F9EAF5, #960081, #005B44, #004042, #050004)
• Antique Cypress color palette (#D7EADF, #89B378, #078569, #784256, #00312B)
• Tempered Denim color palette (#F9EAF5, #4DA0AE, #005F8A, #003E28, #01002F)

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