Lagoon Harbor color palette — #F1F7F2 · #D3D6E7 · #80C8D3 · #3B9477 · #214456
Fern takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D3D6E7): A whisper-light, dusty violet — the color of twilight just after sunset.
- Sky (#80C8D3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Fern (#3B9477): A luminous, balanced teal — the color of glacier melt.
- Deep Teal (#214456): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Lagoon Harbor 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
- Aged Cerulean Market color palette (#F1F7F2, #DADFEB, #A0D3F9, #3CA3A9, #3E4F64)
- Worn Veranda color palette (#EFF8F0, #D7D6E4, #63B2D0, #008076, #00324D)
- Timeworn Market color palette (#F0F8F1, #A7D3EB, #0084B9, #005152, #000D1F)
- Petrol Lantern color palette (#E4F3E7, #87C3C9, #00738B, #003F35, #000306)
- Cerulean Harbor color palette (#F9F4ED, #C8E6C6, #3999A6, #277159, #334F41)
- Bronze Canyon color palette (#E7FBF0, #B9E9D9, #A5A162, #826721, #1A3833)
- Tempered Canyon color palette (#F5F3FF, #E4D6DF, #AFB1A7, #B09BD3, #504360)
- Cerulean Field color palette (#F5F3FF, #D9A6DD, #CBA452, #00A5B1, #2D2542)
Browse the whole catalog at Explore, or see today's palette.