Lagoon Harbor color palette — #FCF2F6 · #D8D4DF · #A0BBF0 · #2B948C · #383D59

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

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Silver (#D8D4DF): a clean, paper-quiet neutral.
• Sky (#A0BBF0): A luminous, balanced violet — the color of twilight just after sunset.
• Fern (#2B948C): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#383D59): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Calm, Sophistication. 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

• Dusty Turquoise color palette (#F9F4ED, #C1E9EB, #99C2EC, #3CA8BA, #593D55)
• Pine Summit color palette (#FAF2FB, #D2D5E5, #5EB3CF, #427F47, #16304A)
• Hushed Cerulean color palette (#EDF4EE, #C0E1FB, #5B92C9, #006A78, #1F2C42)
• Teal Ridge color palette (#FCF1FF, #F1A0B3, #48C0B6, #2DA69D, #342439)
• Wandering Terrace color palette (#FEF0FC, #97D9DF, #0085B3, #00552E, #000A27)
• Aged Denim color palette (#F3E1EC, #61AFC5, #005892, #002C21, #01000A)
• Cobalt Lagoon color palette (#FAF4EF, #BCE8D6, #6489CF, #00726A, #583F4C)
• Lapis Studio color palette (#F8EAEE, #8DBCE5, #4A58C8, #003E3F, #04000E)

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