Tempered Olive color palette — #E7E2C3 · #5D6F00 · #005242 · #4F0101 · #0C0600

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

The five colors

• Celadon Mist (#E7E2C3): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#5D6F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#005242): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Espresso (#4F0101): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#0C0600): A deep, shadowed, dusty gold — the color of old brass.

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

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 Forest color palette (#ECE2C9, #736700, #00541F, #002D2D, #130300)
• Timeworn Fern color palette (#EBE5D7, #858936, #4A5B00, #403800, #101100)
• Washed Pine Garden color palette (#E8ECDF, #007A4B, #004F57, #002551, #090800)
• Weathered Alley color palette (#DAF1DF, #00965A, #006044, #003B2E, #001C17)
• Powdered Moss color palette (#E7ECC6, #29A816, #007977, #004C78, #2B2400)
• Pale Orchard color palette (#CBE9D8, #918200, #006AA2, #7C0048, #160006)
• Faded Moss color palette (#E7E8CF, #A5AF00, #5F9E00, #00814C, #021400)
• Dusty Petrol color palette (#DEE2D0, #61ACCF, #006E9E, #004855, #001528)

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