Lagoon Pier color palette — #E8F7E7 · #219994 · #97617F · #713F5B · #0F1E0D

Fern takes the lead with Slate close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#E8F7E7): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#219994): A luminous, balanced teal — the color of glacier melt.
• Slate (#97617F): A full-bodied, balanced rose — the color of pressed rose petals.
• Cocoa (#713F5B): A full-bodied, dusty rose — the color of strawberry cream.
• Ink (#0F1E0D): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Timeworn Mulberry color palette (#EAF6E6, #21A294, #92486B, #553C00, #291C00)
• Washed Turquoise color palette (#E7F6ED, #42A2BE, #A67470, #844C49, #13281D)
• Antique Alley color palette (#F5F3DE, #78914C, #896597, #63446E, #1D1B05)
• Terracotta Workshop color palette (#EFF9EB, #1D9582, #8D5D8D, #91282A, #2A3723)
• Muted Summit color palette (#E8F6EE, #1887C3, #7D4379, #5B2C58, #171400)
• Washed Teal color palette (#FFEFDF, #30B2A8, #4B69A6, #673A00, #0C291A)
• Antique Azure Bloom color palette (#EDF7FF, #5BA7DB, #8E86C0, #8F578F, #1F3547)
• Worn Violet Study color palette (#F0F3EC, #7BC69D, #8B60A5, #10774D, #18090E)

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