Soft Olive color palette — #DEF9F0 · #9AAD6C · #8584CF · #5A6E11 · #242148

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

The five colors

• Honeydew (#DEF9F0): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9AAD6C): A luminous, balanced green — the color of fresh herbs.
• Lavender Blue (#8584CF): A luminous, balanced violet — the color of wild irises.
• Olive (#5A6E11): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#242148): 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 Soft 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

• Misty Pine color palette (#E0F8F5, #7DB380, #B573AA, #287732, #3A1935)
• Worn Cerulean Grove color palette (#E9F6E8, #C69B5E, #3B98C4, #875A00, #002B3E)
• Moss Garden color palette (#F8F6E5, #AEC17C, #9E9BE3, #748C00, #3E3B6D)
• Olive Villa color palette (#E8FAF4, #96A963, #009AB5, #5C6F00, #074B58)
• Powdered Terrace color palette (#DBFAEF, #879740, #8172BA, #7D5B8F, #01251B)
• Hazy Moss Boulevard color palette (#F9F6E1, #C7DF99, #69CAE6, #7C9545, #00404E)
• Timeworn Forest color palette (#E5F6F6, #D5A985, #22624C, #002E30, #010F10)
• Hushed Thicket color palette (#FFEBF7, #CA9DAD, #986754, #6C3C3F, #112918)

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