Olive Lagoon color palette — #D4E7E2 · #3F7D00 · #163F92 · #4F001F · #1D0007

Olive takes the lead with Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#D4E7E2): A whisper-light, dusty teal — the color of sea glass.
• Olive (#3F7D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#163F92): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Espresso (#4F001F): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#1D0007): A deep, shadowed, dusty red — the color of a theater curtain.

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

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

• Wandering Aubergine Orchard color palette (#CFF9FB, #007E5E, #482F90, #4A1100, #1B0300)
• Washed Nightshade Quarry color palette (#E9E1CB, #746A00, #28379C, #5C000A, #2D1200)
• Wandering Bloom color palette (#D4E2DA, #766D00, #004D69, #460041, #190017)
• Aubergine Delta color palette (#CCEAEC, #00684E, #4C007A, #370015, #080200)
• Quiet Aubergine Workshop color palette (#DFE5CC, #13A050, #006A9D, #6D086E, #331600)
• Smoked Forest Garden color palette (#CEF0F1, #006546, #373940, #001F21, #000707)
• Pale Lagoon color palette (#DDF8FB, #00A588, #705691, #662D29, #371104)
• Gentle Market color palette (#EFFBDB, #00AD72, #00707F, #133375, #0C0E00)

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