Olive Lagoon color palette — #E6FBF5 · #677F00 · #385DA1 · #592F4F · #36252B

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

The five colors

• Ivory (#E6FBF5): A whisper-light, dusty teal — the color of glacier melt.
• Olive Leaf (#677F00): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#385DA1): A full-bodied, balanced violet — the color of wild irises.
• Mulberry (#592F4F): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#36252B): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

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

• Pine Ridge color palette (#E8F9F8, #108F47, #5F4885, #6B2C3D, #1D2E23)
• Softworn Emerald Lagoon color palette (#E6FAF8, #15A351, #006B99, #5E3663, #542C14)
• Muted Bronze Corridor color palette (#EDF9EE, #A77400, #006B7D, #483872, #312233)
• Timeworn Pine color palette (#E3F6F5, #188A5E, #006E82, #5A3367, #051608)
• Pale Jade Station color palette (#E3FDE8, #60AC60, #007B70, #5E3F6E, #204444)
• Mulberry Meadow color palette (#E6F9FF, #00757A, #752B67, #5E2800, #042723)
• Hushed Grove color palette (#F1F8E7, #51B188, #0683AA, #7C4479, #302614)
• Muted Cypress color palette (#EEF8F6, #CFE0E7, #B6C4CD, #4D7F77, #3F4A48)

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