Faded Olive color palette — #E3F7F1 · #97AD71 · #A278C4 · #547000 · #311C41

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

The five colors

• Ivory (#E3F7F1): A whisper-light, dusty teal — the color of sea glass.
• Sage (#97AD71): A luminous, balanced green — the color of new leaves after rain.
• Wisteria (#A278C4): A luminous, balanced violet — the color of a velvet chair.
• Olive (#547000): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#311C41): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Faded 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 Iris Courtyard color palette (#E7F7EC, #B6A363, #7D87CE, #796200, #1F224C)
• Timeworn Lilac color palette (#FAF5E6, #A5A454, #B06CB7, #6B6A00, #5B363E)
• Tempered Driftwood Chapel color palette (#E3F6F8, #5BB79E, #BC7395, #00765F, #3F172B)
• Hushed Wisteria color palette (#F8F6E4, #A6C56D, #C486EB, #6F8D2D, #4D385C)
• Dusty Cobalt Parlor color palette (#DCF9F2, #79995E, #4082C9, #A74657, #00251F)
• Frosted Moss Pier color palette (#E3FCF5, #C2E0A4, #C7A8FF, #699C14, #3E2F57)
• Pale Summit color palette (#DFF0EE, #26B249, #9F00A9, #005D1D, #29002C)
• Dusty Grove color palette (#FFECF5, #C79FAC, #9B6746, #753728, #132818)

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