Lagoon Pier color palette — #E7F9F9 · #2D9266 · #8B4C38 · #5E4000 · #102F28
A conversation between Fern and Coffee, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#E7F9F9): a clean, paper-quiet neutral.
- Fern (#2D9266): A full-bodied, balanced teal — the color of shallow lagoons.
- Coffee (#8B4C38): A full-bodied, balanced orange — the color of autumn markets.
- Bronze (#5E4000): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#102F28): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Optimism, Sophistication. Tagged jewel, vibrant, 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
- Dusty Lagoon color palette (#E7F9FD, #319C93, #8F633A, #575411, #263A38)
- Olive Villa color palette (#E6FBF1, #727816, #83425F, #6F2618, #1D2F20)
- Ancient Cypress Veranda color palette (#E8F8FF, #00737E, #624B00, #2D3D00, #002124)
- Patina Nightshade Grove color palette (#E8F4FA, #288396, #634A96, #722C00, #00181A)
- Sunlit Station color palette (#EBF9F4, #599ECA, #756CB4, #923D00, #262F13)
- Antique Cocoa color palette (#D2FDFF, #006C4A, #692300, #3C2A00, #0A1900)
- Patina Petrol Lagoon color palette (#EEF7FA, #D6DAE4, #BABFCB, #417F88, #3B4B51)
- Hushed Basin color palette (#D9FEFC, #55A3C0, #396E9B, #5F4068, #284051)
Browse the whole catalog at Explore, or see today's palette.