Lagoon Pier color palette — #CCECEA · #009B6F · #00614F · #004140 · #00140B
Fern takes the lead with Pine close behind in a set that reads as calm and sophistication at first glance.
The five colors
- Honeydew (#CCECEA): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#009B6F): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#00614F): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#004140): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#00140B): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.
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
- Dusty Jade color palette (#CAE9E9, #00AB8A, #007064, #204A63, #002022)
- Moss Cabin color palette (#CCE8DF, #619432, #0F640E, #00442A, #001410)
- Lagoon Harbor color palette (#CCE9DA, #6F9B6C, #005B4D, #002F47, #000200)
- Pine Boulevard color palette (#CFECE7, #74B784, #008759, #315B6F, #00302E)
- Worn Petrol Balcony color palette (#DBF2EF, #56AED0, #006F9A, #004854, #001526)
- Hushed Mustard Meadow color palette (#DAF2E3, #B5B100, #718100, #006B57, #313000)
- Worn Mint color palette (#DAFEF5, #85D178, #489A5F, #1B7681, #16433E)
- Washed Stone color palette (#ECF9F1, #C8C98C, #8A9661, #7E6A7F, #31483E)
Browse the whole catalog at Explore, or see today's palette.