Lagoon Harbor color palette — #F5F7E4 · #9AD5A8 · #5BA07E · #71726A · #41433C

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

The five colors

• Cream (#F5F7E4): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#9AD5A8): A whisper-light, balanced teal — the color of shallow lagoons.
• Fern (#5BA07E): A luminous, balanced teal — the color of shallow lagoons.
• Pewter (#71726A): a grounded near-black with real depth.
• Charcoal (#41433C): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Aged Balcony color palette (#F8F7DB, #88D07E, #459B5F, #367761, #3A3B34)
• Bronze Station color palette (#F8F6E5, #B0D09A, #749B71, #7E7329, #474500)
• Ancient Harbor color palette (#EDF8F5, #ADE1DD, #83B9A5, #6B9B90, #244A48)
• Muted Loft color palette (#F6F6E9, #ACB494, #4A806D, #605D0B, #3E4800)
• Aqua Corridor color palette (#A8F4F0, #26DADD, #00A1AE, #00778A, #244E39)
• Faded Lantern color palette (#EBFAEE, #00CFE2, #A7AB55, #00919F, #44451B)
• Teal Atelier color palette (#E9F4DB, #00AA8D, #007066, #004F54, #002119)
• Patina Parlor color palette (#E4E7CE, #5FBB7C, #15865D, #236156, #262C10)

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