Lagoon Pier color palette — #C9E9E5 · #54A076 · #005C43 · #2E2D00 · #000201
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#C9E9E5): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#54A076): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#005C43): A full-bodied, balanced teal — the color of glacier melt.
- Espresso (#2E2D00): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Lagoon Pier 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
- Moss Workshop color palette (#D0E8DA, #8F953C, #435600, #312C00, #010100)
- Timeworn Jade color palette (#96FADC, #00AD8A, #00614B, #001B12, #000201)
- Frosted Emerald Pier color palette (#D4E6E5, #009751, #9C4F00, #004924, #030100)
- Fern Studio color palette (#E7FBEF, #A5A763, #586800, #1B4800, #080800)
- Tempered Pine Veranda color palette (#E7EDD7, #007F58, #004234, #222500, #0B1200)
- Pine Harbor color palette (#D6F5E5, #007A55, #006180, #4E4200, #000201)
- Fern Market color palette (#E3FBF7, #93CB9C, #33895F, #305E1E, #001F08)
- Petrol Studio color palette (#E2F2EF, #7EC3D1, #00738B, #003E3F, #000305)
Browse the whole catalog at Explore, or see today's palette.