Lagoon Harbor color palette — #F9F4ED · #C9EBDF · #97BC9F · #62927D · #375143

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

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Honeydew (#C9EBDF): A whisper-light, dusty teal — the color of sea glass.
• Sage (#97BC9F): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#62927D): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#375143): 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

• Timeworn Boulevard color palette (#F9F4ED, #C7EBE9, #88B8D7, #728F74, #5D4C5E)
• Cypress Study color palette (#FBF3EF, #CBE8DE, #6AA4AF, #4F7A5C, #305346)
• Powdered Seafoam color palette (#EEFCD5, #6EDEC0, #48B5AD, #418488, #3C5A48)
• Patina Teal color palette (#F9F3F7, #D2D6EB, #8CD4E3, #7BB18C, #3E5667)
• Washed Orchard color palette (#ECFAEB, #59DBD9, #E7989C, #4B9B9A, #64443A)
• Timeworn Aqua color palette (#E7FCE9, #41C6CE, #BC94C4, #AB8D59, #374739)
• Timeworn Turquoise color palette (#E9DFCF, #45B3C1, #00718D, #004B42, #001624)
• Feathered Loft color palette (#F4EDE3, #75D3F3, #2E8FC5, #006B6E, #122F4F)

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