Lagoon Pier color palette — #FDF6D1 · #9BBB8B · #5C9B71 · #2C7161 · #2C594E
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Custard (#FDF6D1): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#9BBB8B): A luminous, dusty green — the color of new leaves after rain.
- Fern (#5C9B71): A luminous, balanced teal — the color of glacier melt.
- Teal (#2C7161): A full-bodied, dusty teal — the color of shallow lagoons.
- Pine (#2C594E): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Lagoon Harbor color palette (#EBFCD9, #6EBFB1, #3D999F, #256B81, #28564B)
- Softworn Basin color palette (#C8F0EA, #95BC9A, #4C946A, #00724E, #084347)
- Ancient Driftwood color palette (#FFF2E3, #C7B47A, #8A8740, #576A35, #39543D)
- Washed Pine color palette (#F5F9DB, #AAD5B0, #5EAD7F, #288963, #445436)
- Weathered Pine color palette (#F2F7EA, #88BE9F, #C4819E, #3C835E, #68413F)
- Clover Drift color palette (#E1EEDC, #17C576, #008571, #00585C, #1A3959)
- Patina Terrace color palette (#F0F9E4, #69A78C, #AB769A, #976674, #354B04)
- Powdered Study color palette (#B4F2E9, #4CBEC9, #008BAF, #145D88, #31476B)
Browse the whole catalog at Explore, or see today's palette.