Lagoon Harbor color palette — #F5F6EF · #CAE5DE · #97BCA0 · #32988E · #32533F

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

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Silver (#CAE5DE): A whisper-light, dusty teal — the color of sea glass.
• Sage (#97BCA0): A luminous, dusty teal — the color of glacier melt.
• Fern (#32988E): A luminous, balanced teal — the color of sea glass.
• Deep Olive (#32533F): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Weathered Powder Archive color palette (#EEF8F6, #D4DFEC, #AEC9ED, #6E9AA4, #3A515D)
• Washed Turquoise color palette (#FAF3F0, #CCE6E0, #55A5C0, #3B7D62, #385049)
• Tempered Petrol color palette (#EDEFE4, #63AEC2, #00718F, #00494E, #001622)
• Timeworn Iris Dune color palette (#FCF1FB, #AEC4F1, #74C4A2, #6289DD, #4B4E47)
• Timeworn Ridge color palette (#EDF0E4, #A2D0BD, #008FD5, #00697F, #002F55)
• Washed Ash color palette (#FFF0FA, #E6D6D6, #ADB1A4, #8EA5D4, #5F4C56)
• Antique Loft color palette (#FFF0FA, #A4ADE6, #D28AB5, #46A1B2, #4F3B49)
• Patina Summit color palette (#FDF3EC, #DCC6B3, #B5947B, #986753, #653E00)

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