Lagoon Lagoon color palette — #E9F9FB · #009379 · #3F6591 · #564D23 · #213634

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

The five colors

• Ivory (#E9F9FB): bright and airy, almost weightless.
• Fern (#009379): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#3F6591): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#564D23): A full-bodied, dusty green — the color of fresh herbs.
• Deep Forest (#213634): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Lagoon 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 Emerald color palette (#ECF8F6, #529445, #177089, #67404F, #23352D)
• Ancient Lagoon Study color palette (#E8F5F7, #2E988A, #875C8A, #6E3C2E, #09231D)
• Sunlit Nightshade color palette (#E8F8FF, #007A86, #4828BB, #293F00, #002821)
• Softworn Meadow color palette (#DEFDFA, #4AB8D1, #437EA2, #565578, #394A55)
• Cerulean Canyon color palette (#E5F4FF, #0089B3, #2E3E4D, #1F2A32, #12151B)
• Tempered Driftwood Chapel color palette (#EEF7FB, #D5DBE4, #B4ABB3, #678894, #4D5457)
• Washed Thicket color palette (#D2F4FF, #005E61, #4F3700, #262F00, #001416)
• Softworn Quarry color palette (#EAF8FF, #CBD6ED, #71D1EE, #679AC2, #324552)

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