Lagoon Pier color palette — #F3F3E7 · #93C09D · #31866C · #3F5E44 · #252A17
A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3F3E7): a clean, paper-quiet neutral.
- Mint Leaf (#93C09D): A luminous, dusty teal — the color of sea glass.
- Fern (#31866C): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#3F5E44): A full-bodied, dusty green — the color of new leaves after rain.
- Onyx (#252A17): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Muted Cypress color palette (#F2F3E5, #70B08B, #007662, #3E426C, #191F09)
- Hushed Driftwood color palette (#F6F1E7, #CBC4A4, #728C5D, #4F685E, #33312A)
- Cypress Chapel color palette (#E8FBF0, #99BA93, #318370, #475D6D, #2C4945)
- Washed Cerulean Corridor color palette (#F5F1EB, #C9E4D3, #4C97BD, #006C6B, #0D332B)
- Smoked Pine Summit color palette (#DEE1CD, #007B53, #004037, #002329, #020300)
- Tempered Lagoon color palette (#DEE3CE, #1A8C6D, #004F4A, #2A1C58, #040A00)
- Muted Moss color palette (#F2E2CC, #A59700, #526400, #004558, #191600)
- Weathered Bronze Summit color palette (#FFECF5, #8B81CF, #BA6634, #1E7C61, #2B1722)
Browse the whole catalog at Explore, or see today's palette.