Lagoon Pier color palette — #ECF7D9 · #82C8AB · #05A285 · #067164 · #2E3F2B
A conversation between Fern and Teal, giving this palette its sense of calm and balance.
The five colors
- Custard (#ECF7D9): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#82C8AB): A luminous, balanced teal — the color of shallow lagoons.
- Fern (#05A285): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#067164): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#2E3F2B): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Calm, Balance. Tagged 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
- Wandering Emerald color palette (#EDEAC6, #9FC488, #5A964D, #31653A, #373932)
- Aged Drift color palette (#BFF9EF, #84D3A1, #429E80, #277370, #35525F)
- Amber Station color palette (#EEF4EA, #80C3B0, #BF9450, #22836E, #35302A)
- Antique Cerulean Courtyard color palette (#DDFBE4, #7ACDDE, #0090AC, #125E79, #1E4134)
- Aged Lagoon Drift color palette (#E5F8E3, #93DFDC, #039B97, #005756, #0C250D)
- Timeworn Balcony color palette (#E8F7E6, #53ADA8, #628FCB, #6D8240, #1D2C1C)
- Hushed Cerulean color palette (#D7F3F5, #00A1B3, #00738A, #004B5F, #002433)
- Chestnut Canyon color palette (#F6F2E4, #C3BC97, #86865A, #6F5400, #2F2D1C)
Browse the whole catalog at Explore, or see today's palette.