Lagoon Harbor color palette — #FEF1FA · #A5EEFA · #6EBDE2 · #38A084 · #203C5B

Fern and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FEF1FA): bright and airy, almost weightless.
• Sea Foam (#A5EEFA): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#6EBDE2): A luminous, balanced blue — the color of open sky before noon.
• Fern (#38A084): A luminous, balanced teal — the color of sea glass.
• Navy (#203C5B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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

• Antique Lantern color palette (#FCF2F7, #D6DFF7, #92C2F5, #64A5A3, #3B4860)
• Weathered Emerald color palette (#FFF0FA, #31F7F1, #00BFDB, #009E5B, #003850)
• Tempered Pine Basin color palette (#FEF2ED, #C0E7F2, #6EAFD6, #27815A, #1E2D4F)
• Worn Turquoise color palette (#F5F6EE, #B9E0C3, #3CA4BD, #007C7B, #1E4333)
• Dusty Bloom color palette (#DAFEFA, #A6EAFC, #A8C5F4, #AAB179, #194346)
• Faded Azure Summit color palette (#F1E3EC, #6FCFEA, #049BE4, #007E71, #041B4B)
• Sunlit Cobalt color palette (#FAE7F4, #42B1C7, #007DB0, #005F50, #00081E)
• Weathered Cerulean color palette (#F5F1EB, #AFD1B8, #1589A9, #005C53, #002337)

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