Lagoon Meadow color palette — #E3F6F8 · #20A483 · #00708B · #333B70 · #152300

Built around Fern, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Ivory (#E3F6F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Fern (#20A483): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#00708B): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#333B70): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Onyx (#152300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.

Use it as a design system

One click turns Lagoon Meadow 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

• Teal Study color palette (#E6F5FA, #56ACB1, #50749D, #55416F, #03301B)
• Washed Emerald color palette (#E4F6F5, #59A06A, #007374, #00456A, #1D173D)
• Hushed Cypress Veranda color palette (#E9F5F2, #C0E3F1, #5B98A6, #006D6A, #0F3040)
• Patina Corridor color palette (#B8EBF2, #008471, #005471, #392900, #031300)
• Washed Emerald color palette (#E5F6F3, #5FA05E, #047373, #6A2C01, #241E00)
• Lagoon Workshop color palette (#E4F6F3, #98BF9F, #4F8267, #365E57, #072E2C)
• Ultramarine Terrace color palette (#E4F5FF, #0091B4, #4748BA, #244200, #001D1A)
• Washed Powder color palette (#D7F9FF, #98C7D7, #678797, #4E5770, #2E2E4C)

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