Olive Lagoon color palette — #E4FCF1 · #9AAB74 · #527532 · #783E31 · #354016

Built around Olive, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Ivory (#E4FCF1): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#9AAB74): A luminous, dusty green — the color of new leaves after rain.
• Olive (#527532): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#783E31): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#354016): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Frosted Harbor color palette (#D2F5E3, #909B19, #4B6500, #613800, #2D3100)
• Washed Cypress Veranda color palette (#EAF9F8, #86BABD, #428172, #466249, #29494A)
• Softworn Indigo Orchard color palette (#FFF4DD, #ACC682, #499A62, #7257A7, #324116)
• Sunlit Aubergine color palette (#E3F8EB, #99B36E, #2F7D49, #553986, #192500)
• Ancient Bronze Lantern color palette (#FFF2EA, #E0DCC4, #CBAF6C, #A9572E, #613B4A)
• Weathered Clover Bloom color palette (#F9F5E5, #BFDA8D, #7EB857, #B0796A, #3C3B34)
• Apricot Lantern color palette (#FFF2EA, #EB8E43, #994E00, #5A2E00, #412000)
• Lagoon Lantern color palette (#CCE7E3, #4D8964, #00523A, #442700, #00220F)

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