Lagoon Harbor color palette — #ECF4F1 · #B4CE94 · #1E996F · #5F7D31 · #0B1919
A conversation between Fern and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF4F1): bright and airy, almost weightless.
- Pistachio (#B4CE94): A luminous, balanced green — the color of fresh herbs.
- Fern (#1E996F): A luminous, balanced teal — the color of shallow lagoons.
- Olive (#5F7D31): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#0B1919): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged duotone, 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
- Worn Driftwood Summit color palette (#EEF3EE, #DDBE8A, #7F8A3E, #8F6A24, #081A14)
- Cerulean Summit color palette (#EBF4F5, #91D3C4, #1791B0, #248272, #0B181E)
- Hushed Archive color palette (#CBFEF9, #9AD0AF, #349A7D, #006053, #003431)
- Ancient Cerulean Grove color palette (#F8F5ED, #CAC286, #3389A5, #766F34, #24312B)
- Tempered Celadon Market color palette (#F6F6ED, #C1DD92, #63AE80, #7F9657, #2D2F28)
- Jade Summit color palette (#E3F7F5, #57C07C, #007B7A, #006E37, #000B0F)
- Lagoon Grove color palette (#ECF4F2, #CFD9DD, #A7AFBA, #5A8E87, #2E3937)
- Lagoon Garden color palette (#CEE3E7, #008B7F, #004B60, #00403A, #000103)
Browse the whole catalog at Explore, or see today's palette.