Lagoon Pier color palette — #E5FBF3 · #7AB88D · #148A74 · #365D7F · #324D4E

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

The five colors

• Ivory (#E5FBF3): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#7AB88D): A luminous, balanced teal — the color of sea glass.
• Fern (#148A74): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#365D7F): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#324D4E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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 Meadow color palette (#EFF7F5, #CDE1F5, #63A6AB, #3A7C70, #3F5761)
• Softworn Olive Quarry color palette (#E8FAF0, #ACAB76, #63833B, #2A6367, #384D45)
• Timeworn Mint color palette (#FFECF5, #8FBA7A, #3E8684, #67455E, #1B3030)
• Muted Lantern color palette (#D7FFF6, #00A38A, #006E72, #283699, #003D46)
• Weathered Seafoam Summit color palette (#EBF8F8, #C6F6C3, #75E6B2, #59B3A6, #344E4F)
• Hazy Garden color palette (#DCFDFC, #4EA4C2, #246EA8, #633B70, #2C404E)
• Navy Basin color palette (#BBE9E1, #008981, #005762, #2C1B7E, #002A2B)
• Muted Mint color palette (#FFF3E9, #9DCF84, #55A19F, #8D6165, #3F4F04)

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