Olive Lagoon color palette — #F5F6EE · #D1E2D8 · #ABCBC3 · #44893A · #1E2012

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

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#D1E2D8): A whisper-light, dusty teal — the color of shallow lagoons.
• Stone (#ABCBC3): A luminous, dusty teal — the color of glacier melt.
• Olive Leaf (#44893A): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#1E2012): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Tempered Lagoon color palette (#F4F6EF, #D3DED9, #AEB1C1, #599B6B, #2D2F27)
• Ancient Meadow color palette (#F9F6E4, #98CA9A, #008B6F, #4E5629, #171B00)
• Antique Forest color palette (#F3F7EE, #C9E0D8, #8FC5D6, #00724C, #090F01)
• Washed Lagoon color palette (#DFEAD6, #008B6E, #514643, #002A30, #020500)
• Weathered Forest Cabin color palette (#E5F2F0, #BDD1D1, #88A7AD, #196623, #1D3330)
• Weathered Cerulean Corridor color palette (#F7F1C8, #90CBB1, #489EB6, #864A45, #3E2300)
• Ancient Clover Workshop color palette (#FFF2EB, #65BA49, #007A7C, #77003A, #0E1500)
• Airy Alley color palette (#F6F7E0, #5DA836, #4D4ECD, #6F0304, #1F0200)

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