Tempered Olive color palette — #EDE8D2 · #B8AB61 · #777704 · #525801 · #242F04

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

The five colors

• Parchment (#EDE8D2): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#B8AB61): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#777704): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#525801): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#242F04): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Olive 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 Quarry color palette (#F5E7DB, #D5A062, #A07219, #684A00, #362A00)
• Olive Workshop color palette (#D6E5C4, #8EB572, #538A4A, #1D5E28, #0C341C)
• Washed Loft color palette (#F5F2E1, #9CAD5F, #2A9DB5, #5E6D00, #002D36)
• Antique Taupe Balcony color palette (#FFF3E5, #F1CF83, #AAA846, #59752D, #25492C)
• Olive Terrace color palette (#F7F5C7, #AFCA8A, #65843F, #344B00, #0D1700)
• Weathered Balcony color palette (#F7F3D6, #829840, #1F9189, #965A2D, #231F04)
• Worn Lagoon color palette (#DEF7E2, #00B26F, #008159, #004E3D, #002C24)
• Fern Hollow color palette (#EFEDD6, #606300, #313C00, #141E00, #020600)

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