Tempered Olive color palette — #EEEEDC · #647600 · #2F4800 · #002B09 · #001513

A conversation between Olive and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#EEEEDC): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#647600): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#2F4800): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#002B09): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001513): A deep, shadowed, dusty teal — the color of sea glass.

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

• Ancient Pine Drift color palette (#D6E9CE, #00773C, #00482E, #00241D, #000E13)
• Softworn Summit color palette (#F4DCBE, #906A00, #4F4500, #272700, #0E1600)
• Aubergine Quarry color palette (#DCEED6, #3A801A, #5F007E, #113600, #1C0028)
• Washed Harbor color palette (#E9EFD7, #6FA100, #1F7000, #00502B, #003726)
• Antique Courtyard color palette (#D8EBD7, #00B891, #00888E, #404900, #001C0F)
• Sunlit Nightshade Lantern color palette (#D7E9D7, #005E15, #0825AD, #61000A, #000B01)
• Lagoon Pier color palette (#DBEFE3, #009A81, #007166, #004447, #0A293D)
• Timeworn Harbor color palette (#F5D9CD, #8160FF, #00856C, #041012, #010300)

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