Lagoon Pier color palette — #E3F6FA · #259992 · #9C5E81 · #743D5C · #001E25
Built around Fern, softened by Mocha — the whole palette hums with sophistication.
The five colors
- Ivory (#E3F6FA): A whisper-light, dusty blue — the color of deep harbor water.
- Fern (#259992): A luminous, balanced teal — the color of shallow lagoons.
- Mocha (#9C5E81): A full-bodied, balanced rose — the color of a warm blush.
- Mulberry (#743D5C): A full-bodied, balanced rose — the color of a warm blush.
- Midnight (#001E25): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Sophistication. 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
- Dusty Pier color palette (#DEF8FA, #009D7C, #7C69A2, #5A4480, #021F21)
- Turquoise Studio color palette (#E5F5FC, #47A3B6, #A5756D, #854C44, #10262F)
- Patina Terracotta Courtyard color palette (#E9F9FB, #279481, #93598F, #902A19, #16393D)
- Aged Terracotta Studio color palette (#E2F5FE, #349DAF, #954C43, #672E06, #311600)
- Petrol Boulevard color palette (#FFECF3, #49AFA4, #486AA6, #653B06, #052733)
- Aged Denim Alley color palette (#E5F4FF, #008DB8, #3A529C, #702B13, #001620)
- Patina Atelier color palette (#E9F4F5, #79C6A4, #766AAA, #007754, #0A0D1B)
- Washed Mint color palette (#EDFAE6, #34CDB2, #BB8ABD, #9C6055, #1D2916)
Browse the whole catalog at Explore, or see today's palette.