Tempered Olive color palette — #D8F7EC · #647B00 · #7F4886 · #5D3062 · #082E24

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

The five colors

• Honeydew (#D8F7EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#647B00): A full-bodied, balanced green — the color of new leaves after rain.
• Plum (#7F4886): A full-bodied, balanced pink — the color of peonies in June.
• Royal Purple (#5D3062): A deep, shadowed, balanced pink — the color of peonies in June.
• Deep Forest (#082E24): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Dusty Pine color palette (#DCF4F2, #00873D, #92425F, #6D2943, #002E2B)
• Timeworn Garnet color palette (#EBEBD3, #5C823B, #5B57AE, #711A55, #121100)
• Weathered Lagoon color palette (#DBF5EF, #739F4B, #7D74C1, #953971, #002E27)
• Quiet Bronze color palette (#DCF6E2, #8C6B00, #3E6199, #20437C, #162C1D)
• Airy Garden color palette (#DCF3FE, #007E92, #7C4B83, #602C68, #0B2A37)
• Linen Garnet color palette (#FBE7FB, #629558, #006578, #711C29, #02383B)
• Tempered Aubergine color palette (#CBF4EF, #1E742F, #530064, #400027, #00110F)
• Wandering Harbor color palette (#E7FAF7, #6D9E6F, #A57151, #7C553D, #2D423F)

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