Lagoon Pier color palette — #FFDEF3 · #4C9D6F · #006678 · #631A30 · #001C20

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

The five colors

• Blush (#FFDEF3): A whisper-light, dusty pink — the color of peonies in June.
• Fern (#4C9D6F): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#006678): A full-bodied, balanced blue — the color of deep harbor water.
• Mulberry (#631A30): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#001C20): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Teal Bloom color palette (#FFEBFA, #51AF9D, #2D7299, #683630, #062730)
• Hushed Lantern color palette (#FFDFEB, #908F2C, #006C4F, #4F235B, #001D18)
• Feathered Meadow color palette (#FFECDE, #009194, #00509F, #4C2600, #00151C)
• Dusty Emerald color palette (#D8F4F2, #209348, #3E4C9B, #601300, #270900)
• Weathered Field color palette (#E6F6F2, #78AE91, #00746C, #235047, #002122)
• Dusty Cypress Parlor color palette (#FCDCF4, #007755, #004254, #410006, #000706)
• Navy Courtyard color palette (#D9F6EF, #009C87, #00676D, #2C377F, #003935)
• Frosted Quarry color palette (#FFE9DF, #71B47B, #008794, #982425, #023A2C)

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