Lagoon Pier color palette — #F2F3EB · #A7D19F · #00978D · #508047 · #11180F
A conversation between Fern and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#F2F3EB): a clean, paper-quiet neutral.
- Pistachio (#A7D19F): A luminous, balanced green — the color of fresh herbs.
- Fern (#00978D): A luminous, balanced teal — the color of sea glass.
- Fern (#508047): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#11180F): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication. Tagged duotone, 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
- Dusty Station color palette (#F4F2EB, #CAC788, #5C9352, #79752D, #16170D)
- Cerulean Balcony color palette (#EEF8F4, #BEC784, #008D9F, #6C732F, #203138)
- Antique Garden color palette (#F3F3E4, #74BDA0, #008B84, #39527B, #25301E)
- Teal Harbor color palette (#EEF8F5, #B7DFA5, #57AF8F, #779769, #203132)
- Weathered Clover Meadow color palette (#EFF4E5, #00C67E, #007B76, #006D43, #020D01)
- Hushed Cobalt Grove color palette (#EDF4EE, #59C6D0, #007DB8, #00727B, #01120D)
- Hushed Denim color palette (#EAF5EC, #3B98A3, #595BA8, #633C6A, #221411)
- Dusty Lagoon Coast color palette (#E2E7DD, #00A583, #006169, #005341, #000301)
Browse the whole catalog at Explore, or see today's palette.