Lagoon Pier color palette — #E6F0BB · #87BE7C · #00916B · #006460 · #224561
A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Custard (#E6F0BB): A whisper-light, dusty green — the color of fresh herbs.
- Mint Leaf (#87BE7C): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#00916B): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#006460): A full-bodied, dusty teal — the color of sea glass.
- Navy (#224561): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged 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
- Teal Atelier color palette (#C5F1CA, #54B8A0, #008890, #006579, #264A63)
- Pine Meadow color palette (#E8EBD1, #7CB186, #00885C, #005F4F, #003130)
- Mint Meadow color palette (#FAEFC7, #ABDD95, #0DC98E, #0E9E9B, #2D543E)
- Coral Terrace color palette (#E3FBFA, #61B386, #C26B7D, #15784C, #5E343C)
- Worn Olive color palette (#FDD7AB, #C7B063, #75812B, #34632B, #154E39)
- Cocoa Field color palette (#EAFAF0, #82B3A5, #7D7347, #6D4826, #1D4543)
- Worn Study color palette (#E0FBFE, #D8DEEA, #B7C6EA, #768656, #3C565C)
- Washed Terracotta color palette (#E0FBFF, #199E8B, #AF5D7A, #98463B, #1A3E43)
Browse the whole catalog at Explore, or see today's palette.