Lagoon Pier color palette — #F2F7F1 · #9EE0D8 · #5BA6CA · #2CA096 · #21322B
A conversation between Fern and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F2F7F1): a clean, paper-quiet neutral.
- Sea Foam (#9EE0D8): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#5BA6CA): A luminous, balanced blue — the color of deep harbor water.
- Fern (#2CA096): A luminous, balanced teal — the color of shallow lagoons.
- Deep Forest (#21322B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, 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
- Antique Cerulean Archive color palette (#EFF7F4, #A4D9F7, #8A98CF, #5695B6, #352A32)
- Teal Field color palette (#EDF7F9, #C1DBF3, #5ABCDF, #35AFA2, #152026)
- Aged Quarry color palette (#F5F6EE, #BFDBB2, #5DAE90, #739960, #2C2F29)
- Timeworn Pewter Atelier color palette (#F3F8E2, #8CC9D7, #6D99B2, #78658E, #344E41)
- Patina Grove color palette (#EAFAED, #00D3E3, #0091CB, #008792, #002419)
- Ancient Denim color palette (#DEFFE5, #9EDDEF, #66A8C5, #36749A, #184A75)
- Dusty Pine color palette (#F4F6F0, #B8C7A0, #607DB2, #0E8157, #362934)
- Wandering Lagoon color palette (#D8E5D8, #008587, #004974, #004142, #000202)
Browse the whole catalog at Explore, or see today's palette.