Lagoon Pier color palette — #F8F8D1 · #98C79A · #5A9971 · #2E775D · #3F5339
Built around Fern, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Custard (#F8F8D1): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#98C79A): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#5A9971): A luminous, balanced teal — the color of glacier melt.
- Teal (#2E775D): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#3F5339): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. 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
- Softworn Dune color palette (#E7FDDD, #7ECAC7, #2D8D99, #287080, #2F5747)
- Hushed Hollow color palette (#F2F7EC, #85BFA3, #BC84AB, #408165, #634345)
- Patina Lagoon Harbor color palette (#DBFFED, #B8CC9A, #68AE83, #008D74, #2C5666)
- Frosted Driftwood color palette (#FFEDD1, #CAB87E, #8B8741, #586833, #525100)
- Aged Terrace color palette (#F0F8EA, #C5E9DF, #A0CFCF, #8B936D, #465242)
- Faded Delta color palette (#D1FBED, #16B5A7, #007579, #005361, #003C4F)
- Tempered Meadow color palette (#EFFAE5, #60A890, #8980BD, #9B694D, #3D4634)
- Weathered Lagoon color palette (#D0E3E0, #008686, #005762, #003342, #0E1831)
Browse the whole catalog at Explore, or see today's palette.