Lagoon Pier color palette — #EAFAF3 · #8DCC9E · #00897F · #505528 · #001D1C
Built around Fern, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Ivory (#EAFAF3): a clean, paper-quiet neutral.
- Mint Leaf (#8DCC9E): A luminous, balanced teal — the color of sea glass.
- Fern (#00897F): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#505528): A full-bodied, dusty green — the color of new leaves after rain.
- Ink (#001D1C): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Washed Balcony color palette (#E6FBF4, #A3E0C3, #049DA1, #416D62, #082E2F)
- Pine Canyon color palette (#ECF9ED, #B5C472, #008E47, #005B6A, #001E15)
- Olive Pier color palette (#FFF1F5, #C3BE7A, #3F8B24, #704614, #001E12)
- Hushed Jade color palette (#E6E6D3, #7CCF98, #0DA988, #667D58, #262C0E)
- Misty Amber color palette (#E6F9FF, #00C2C4, #D97200, #007273, #291100)
- Tempered Forest color palette (#C8E6E1, #5F9E75, #006547, #244123, #001616)
- Weathered Studio color palette (#CAE7DA, #3E8E4D, #00463E, #001D32, #000200)
- Linen Veranda color palette (#A6F3D1, #00D2BA, #008893, #004E73, #001C3E)
Browse the whole catalog at Explore, or see today's palette.