Lagoon Pier color palette — #F2F7EE · #B0F7DE · #9B95D5 · #00A17F · #1C0C15

A conversation between Fern and Mauve, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F2F7EE): bright and airy, almost weightless.
• Mint (#B0F7DE): A whisper-light, dusty teal — the color of shallow lagoons.
• Mauve (#9B95D5): A luminous, balanced violet — the color of a velvet chair.
• Fern (#00A17F): A luminous, balanced teal — the color of glacier melt.
• Ink (#1C0C15): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Creativity, Sophistication. Tagged duotone, 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

• Worn Meadow color palette (#EEF8F2, #BCEFFF, #C286BF, #1D99B6, #1E0C0F)
• Emerald Orchard color palette (#F5F6EA, #C9F3C1, #47ABD0, #659A5B, #04170E)
• Softworn Hollow color palette (#EEF7FA, #A1E3E5, #5EB6F9, #00B8BD, #132636)
• Tempered Indigo color palette (#E8FBEE, #54BED3, #866AB2, #8C4827, #18220D)
• Soft Nightshade color palette (#E3EEDF, #00A496, #2939B3, #00463F, #00000B)
• Cobalt Station color palette (#EDF4ED, #52C8C9, #1A7BB9, #007375, #00120D)
• Hushed Indigo color palette (#EEF7F8, #73C1A6, #5C64BF, #007157, #1E2431)
• Powdered Cabin color palette (#D7FFF7, #BCE6FF, #51A8D6, #3F61A4, #301B68)

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