Olive Lagoon color palette — #E4F7EF · #99B273 · #447C20 · #674400 · #00271F

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

The five colors

• Cream (#E4F7EF): A whisper-light, dusty teal — the color of sea glass.
• Sage (#99B273): A luminous, balanced green — the color of fresh herbs.
• Olive (#447C20): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#674400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#00271F): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, 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

• Wandering Loft color palette (#D6FAF9, #57BD9C, #007D6C, #634708, #00281C)
• Soft Fern Coast color palette (#C8EFE0, #82A24E, #326B08, #3D4300, #101A00)
• Weathered Courtyard color palette (#E7F7EC, #95BEA9, #737A43, #3E5D4A, #102E21)
• Moss Veranda color palette (#D7FBF1, #7EA931, #0091B4, #486700, #002530)
• Wandering Pine Drift color palette (#FCF5E0, #89B07A, #007D56, #813247, #2A4220)
• Sunlit Station color palette (#DAFFC5, #82BF5C, #498400, #194600, #061500)
• Soft Moss Workshop color palette (#FBF6DE, #B0C38C, #64973C, #8E5E00, #33410E)
• Washed Moss color palette (#DBECC1, #6D9200, #008683, #904E00, #121C00)

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