Lagoon Pier color palette — #E5FAFB · #C9E3EB · #A4C3D6 · #008C6B · #073A3D
A conversation between Fern and Deep Teal, giving this palette its sense of calm and sophistication.
The five colors
- Ivory (#E5FAFB): A whisper-light, dusty blue — the color of deep harbor water.
- Silver (#C9E3EB): A whisper-light, dusty blue — the color of deep harbor water.
- Ash (#A4C3D6): A luminous, dusty blue — the color of deep harbor water.
- Fern (#008C6B): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#073A3D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Calm, Sophistication. Tagged scandi, muted, light, cool.
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
- Weathered Villa color palette (#EBF9F4, #C9E5E2, #9FC6CC, #6D8200, #1C3A31)
- Wandering Lagoon color palette (#F2F7EC, #CBE5DD, #B6D5FF, #00946F, #212719)
- Patina Bloom color palette (#EEF7FB, #D7D8E2, #C0BBCB, #3F8BA5, #2F3D45)
- Wandering Lagoon Boulevard color palette (#D2E4E4, #00888D, #003D57, #002021, #000A0B)
- Tempered Cypress Study color palette (#F1F7ED, #C9D8C5, #92B094, #006A57, #2A3820)
- Abyss Grove color palette (#E1F1F5, #99A7AF, #73899F, #00504D, #000C0F)
- Petrol Orchard color palette (#E2EBF2, #BAC5D5, #9EA3BB, #006992, #11212D)
- Plum Harbor color palette (#C8F0FA, #00A19D, #9F339D, #83004E, #312100)
Browse the whole catalog at Explore, or see today's palette.