Misty Olive color palette — #EFF0CC · #7B9630 · #337500 · #004D1C · #003433

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

The five colors

• Custard (#EFF0CC): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#7B9630): A luminous, balanced green — the color of fresh herbs.
• Olive (#337500): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004D1C): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#003433): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Misty 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

• Frosted Pine color palette (#E8EEDA, #81AA5C, #068534, #005A33, #004434)
• Tempered Fern Atelier color palette (#EEE0C8, #888200, #296500, #004226, #001E1C)
• Wandering Jade color palette (#C1F9D4, #53A771, #006039, #003216, #001E0B)
• Muted Lagoon Coast color palette (#E0F6E9, #009D78, #006A61, #004343, #09283A)
• Fern Studio color palette (#CDF5F2, #91E2CC, #14AFBB, #486700, #053E2D)
• Frosted Studio color palette (#F0DFD3, #B77900, #7B5B00, #463B00, #0F2F0D)
• Feathered Market color palette (#DBF0EE, #008135, #344DCB, #930604, #00280B)
• Pale Plum color palette (#C2E7E1, #50914A, #9A4099, #0F5909, #440845)

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