Lagoon Pier color palette — #F2F7ED · #CAE0D9 · #96D0CD · #009E71 · #324800
Fern and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F2F7ED): a clean, paper-quiet neutral.
- Silver (#CAE0D9): A whisper-light, dusty teal — the color of shallow lagoons.
- Stone (#96D0CD): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#009E71): A luminous, balanced teal — the color of glacier melt.
- Deep Olive (#324800): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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 Pier color palette (#F8F5EA, #D1DDD2, #A1D0B9, #829000, #4B3F00)
- Weathered Lagoon Grove color palette (#F1F7F1, #CCDEDE, #E1C2E3, #00999B, #374438)
- Patina Cypress color palette (#EBF1E8, #CCDCCF, #A0C0B2, #06856F, #2A3026)
- Tempered Bronze Garden color palette (#EBF2C7, #88D1CA, #5E9CB9, #9F5C3A, #54470B)
- Patina Lagoon Atelier color palette (#DAE5DA, #00999A, #004C68, #152D16, #0F1408)
- Aged Coast color palette (#EFF7F4, #DFD4D1, #A5A89B, #699EA4, #4E5452)
- Aged Bloom color palette (#FFF3E7, #CDBA7A, #7C9200, #227A5C, #3D3A34)
- Brick Loft color palette (#FFF2EC, #00C689, #008BA9, #A71A1D, #003F39)
Browse the whole catalog at Explore, or see today's palette.