Lagoon Harbor color palette — #FFDEF3 · #289E89 · #2E5C93 · #5E2512 · #001B25

Built around Fern, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Blush (#FFDEF3): A whisper-light, dusty pink — the color of peonies in June.
• Fern (#289E89): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#2E5C93): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#5E2512): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#001B25): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Lagoon Harbor 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

• Ancient Loft color palette (#DAF0DD, #009DA1, #47539F, #4A3500, #001B29)
• Faded Moss color palette (#F8E0FC, #6B9A3B, #006772, #5D1C41, #001D1D)
• Worn Garnet color palette (#DDF6E2, #00999C, #00628C, #750F33, #003740)
• Quiet Delta color palette (#DBF3F4, #00926A, #7F356B, #4B2B00, #200F00)
• Dusty Cobalt color palette (#FFF4E2, #56CBCD, #1C87BD, #7E3547, #00272D)
• Abyss Terrace color palette (#D3E7E3, #7FA4AF, #5D708E, #365A46, #0C2C1D)
• Soft Cobalt color palette (#FFEAD8, #5CB787, #1181B1, #7F4400, #20371B)
• Navy Pier color palette (#F5DBCC, #00746C, #002F91, #331400, #000709)

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