Lagoon Pier color palette — #F1F7F2 · #C6E6F3 · #69BFDB · #00A28F · #073F5A
Built around Fern, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Frost (#C6E6F3): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#69BFDB): A luminous, balanced blue — the color of open sky before noon.
- Fern (#00A28F): A luminous, balanced teal — the color of sea glass.
- Navy (#073F5A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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 Cerulean color palette (#F0F7F2, #C8E3FF, #8DB1F7, #009AC0, #323660)
- Timeworn Lagoon color palette (#FDF3EE, #BDEBF5, #24B3F1, #048451, #1B2D4F)
- Patina Teal Loft color palette (#F1F7F2, #D3E1F0, #A0CEE5, #62B4A0, #3D5667)
- Softworn Meadow color palette (#E4F0E6, #7AA8BC, #0080A5, #005E58, #000A16)
- Dusty Quarry color palette (#E6F2E8, #93CAD9, #009FD5, #007D7A, #00213B)
- Feathered Mustard Basin color palette (#EADEFD, #DC92C8, #BFA40E, #00A7C5, #3E1F36)
- Cerulean Pier color palette (#F8F1E5, #ACD3B4, #0589A8, #005C51, #00281D)
- Softworn Corridor color palette (#E1EFE4, #82B7DC, #3A84D9, #006A7C, #06004A)
Browse the whole catalog at Explore, or see today's palette.