Tempered Olive color palette — #E2E1D4 · #999C89 · #617B3B · #223100 · #0B0901

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

The five colors

• Bone (#E2E1D4): bright and airy, almost weightless.
• Taupe (#999C89): A luminous, dusty green — the color of fresh herbs.
• Olive (#617B3B): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#223100): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#0B0901): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Washed Atelier color palette (#DAE2D9, #9CAFA2, #67877A, #00413F, #0A1809)
• Ancient Coast color palette (#D9E5E1, #92A4A8, #728D96, #4C7000, #000C09)
• Softworn Olive color palette (#D7E5D7, #868600, #007032, #004C45, #000301)
• Dusty Coast color palette (#EEF0E7, #C6D0BC, #94A691, #2C6236, #2D3020)
• Shadow Fern color palette (#EAE5D6, #496905, #00360B, #191800, #030700)
• Wandering Cypress Drift color palette (#E3F4DE, #00745A, #00464D, #311036, #260605)
• Velvet Spruce color palette (#DEE5CE, #545860, #00381B, #121F1C, #000604)
• Fern Ridge color palette (#EDE2CD, #2F5600, #002B21, #15002A, #000501)

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