Lagoon Harbor color palette — #EDF8F6 · #A8C8C5 · #5F8D73 · #4D6F5C · #365451
Fern and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EDF8F6): bright and airy, almost weightless.
- Stone (#A8C8C5): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#5F8D73): A luminous, dusty teal — the color of glacier melt.
- Pine (#4D6F5C): A full-bodied, dusty teal — the color of sea glass.
- Charcoal Brown (#365451): A full-bodied, dusty teal — the color of glacier melt.
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
- Antique Forest Terrace color palette (#D2F9ED, #9FBD8E, #63955C, #2C7039, #285856)
- Pine Ridge color palette (#EAF9F7, #91BD98, #6C9ECA, #3C844D, #365068)
- Antique Lagoon Quarry color palette (#E9F5F1, #9CCECD, #3E9387, #6D5B6A, #1F3635)
- Washed Cypress Loft color palette (#D0E7E5, #2B7C59, #004233, #002B0F, #00140A)
- Bronze Dune color palette (#F6F6EE, #CCD6B8, #5FABA1, #AC6A4C, #43550E)
- Fern Terrace color palette (#EBF9F3, #8FA378, #486F3B, #48510B, #023F35)
- Patina Bronze color palette (#E1FCF8, #7BA47B, #4197A6, #976E23, #2C4945)
- Driftwood Market color palette (#EFF7F4, #A4CAC1, #6B8B65, #516E56, #39534D)
Browse the whole catalog at Explore, or see today's palette.