Lagoon Pier color palette — #F2F5FF · #9D9DDE · #2F9774 · #007480 · #2E3742

Fern and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Mauve (#9D9DDE): A luminous, balanced violet — the color of wild irises.
• Fern (#2F9774): A luminous, balanced teal — the color of sea glass.
• Teal (#007480): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#2E3742): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Lagoon Meadow color palette (#EDF9F0, #B69E63, #419A71, #277A84, #2C3640)
• Washed Blush color palette (#F9F2FF, #CC79A5, #0086AF, #455A94, #2D2B3D)
• Iris Boulevard color palette (#F3F4FF, #8F6EB0, #3C723C, #284E70, #31313F)
• Dusty Balcony color palette (#FFF2EF, #F6A7C4, #8DAE7D, #5A97A7, #412D36)
• Ancient Bronze Studio color palette (#FCF1FA, #D6847A, #96871C, #53774D, #22363B)
• Aged Mustard Hollow color palette (#F0F8F0, #E4BC7D, #A88651, #2C7C6D, #272032)
• Patina Amber Dune color palette (#EEF9ED, #F0AA96, #C08250, #5F7846, #54414C)
• Ancient Taupe color palette (#F8F3F8, #E2D7D9, #C3B0A9, #C28B8D, #565056)

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