Lagoon Harbor color palette — #EDF6FF · #9AC9F3 · #9CB88B · #359671 · #223344

Fern takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Sky (#9AC9F3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Sage (#9CB88B): A luminous, dusty green — the color of new leaves after rain.
• Fern (#359671): A luminous, balanced teal — the color of sea glass.
• Deep Teal (#223344): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

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

• Hushed Corridor color palette (#F1F5FF, #BABBFF, #8CC795, #6EA796, #373D4D)
• Timeworn Chapel color palette (#E8F9FC, #87D4CC, #CAA780, #8C8534, #20363A)
• Petrol Workshop color palette (#F4F4FF, #C3A2E3, #40B1B0, #007EA4, #222238)
• Pine Parlor color palette (#FCF2F7, #F8BCA0, #A89A62, #417A46, #004142)
• Lilac Courtyard color palette (#F2F5FF, #9991E7, #279F84, #006D75, #0D122D)
• Muted Taupe Courtyard color palette (#FFF1F6, #FFCDDA, #D38C88, #80723C, #48394A)
• Dusty Lilac color palette (#FCEDF2, #A481D2, #748C5B, #666112, #2B1E23)
• Gentle Moss Atelier color palette (#FFF0F8, #F48249, #79A200, #007A53, #320F00)

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