Olive Lagoon color palette — #E7F6F1 · #95AE72 · #7C84D9 · #507100 · #1F214F

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

The five colors

• Ivory (#E7F6F1): bright and airy, almost weightless.
• Sage (#95AE72): A luminous, balanced green — the color of a quiet forest floor.
• Lavender Blue (#7C84D9): A luminous, balanced violet — the color of a velvet chair.
• Olive (#507100): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#1F214F): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Olive Lagoon 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

• Muted Olive Veranda color palette (#E6F6F2, #8FB074, #B173B3, #457400, #381A39)
• Patina Iris Garden color palette (#E6F7E8, #C19E5B, #7988CE, #825D00, #1D224C)
• Ancient Olive Chapel color palette (#E2FCF5, #8EAB6C, #0098BE, #4F7210, #22475B)
• Frosted Chapel color palette (#F9F6E1, #ADC26F, #A795ED, #778A30, #583648)
• Ancient Byzantium color palette (#DCF9F2, #759B4F, #8171BD, #894F9D, #00251E)
• Muted Coast color palette (#D3FAFF, #00B195, #D5399D, #006B59, #3F002A)
• Powdered Rust color palette (#DAEDF2, #00A6A7, #BB5865, #006263, #390410)
• Hazy Byzantium Quarry color palette (#D3F6EF, #5CAC37, #A000A8, #245B00, #29002B)

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