Lagoon Pier color palette — #F9E7F3 · #299D97 · #00535F · #002E15 · #00050A

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

The five colors

• Blush (#F9E7F3): A whisper-light, dusty pink — the color of peonies in June.
• Fern (#299D97): A luminous, balanced teal — the color of sea glass.
• Peacock (#00535F): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#002E15): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#00050A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Washed Turquoise color palette (#EADFE7, #4AACB9, #006180, #003B2D, #000B1C)
• Aged Cerulean Veranda color palette (#F8E2EE, #0E85A5, #003F66, #001F1D, #00000D)
• Aqua Canyon color palette (#EFF0DD, #4CCDC9, #00767B, #003F35, #000304)
• Cerulean Hollow color palette (#F9EEF6, #94D5D5, #2789A1, #1A5D3F, #002338)
• Linen Parlor color palette (#D8E5D6, #00B887, #008BA3, #453D00, #000A02)
• Midnight Pine Study color palette (#DAECDC, #008046, #00441D, #001602, #000200)
• Washed Sapphire color palette (#F4E4E9, #7CBAEE, #4264C2, #004A53, #160E31)
• Aubergine Cabin color palette (#D4E7CF, #347D1B, #540084, #0C3300, #05000E)

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