Olive Lagoon color palette — #EFF8F2 · #92BAAB · #5B7F4D · #3B5E78 · #284A3F

Fern and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF8F2): bright and airy, almost weightless.
• Sage (#92BAAB): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#5B7F4D): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#3B5E78): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#284A3F): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Worn Olive Workshop color palette (#F9EEF3, #99BDA7, #627F4A, #56506F, #182C21)
• Antique Olive color palette (#E8FBEB, #AAA572, #5D7400, #554287, #413C00)
• Weathered Alley color palette (#F0F8F1, #C0E3EE, #3399AA, #00735A, #184F62)
• Driftwood Archive color palette (#FEF3EA, #CEC599, #7C9A62, #8F646C, #543F00)
• Timeworn Navy color palette (#D7F2E9, #72A06B, #006C43, #1A3F82, #0C3805)
• Byzantium Meadow color palette (#F5F3FF, #BA8CC4, #699956, #8E3CA0, #2E4C21)
• Antique Spruce Corridor color palette (#D5EFE2, #5A753D, #004416, #002342, #091300)
• Hushed Driftwood color palette (#F6F3FF, #AA71AA, #94772B, #007783, #3A334D)

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