Lagoon Harbor color palette — #FAF4EE · #C7EFDF · #8BA5D8 · #168C84 · #5F3A4E
Built around Fern, softened by Blue Fog — the whole palette hums with creativity and calm.
The five colors
- Ivory (#FAF4EE): bright and airy, almost weightless.
- Honeydew (#C7EFDF): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#8BA5D8): A luminous, balanced violet — the color of wild irises.
- Fern (#168C84): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#5F3A4E): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Creativity, 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
- Linen Lantern color palette (#FFF2E9, #AEE4FF, #689BED, #008477, #3E3866)
- Washed Powder color palette (#F8F5EF, #BEECEF, #8EC2FA, #4FA6B6, #573E54)
- Dusty Lagoon color palette (#EDFAE4, #78CAB3, #DD8899, #00967B, #63303B)
- Turquoise Thicket color palette (#FDF3F0, #C0DEBC, #31A4C2, #4A7948, #1A3D5C)
- Hushed Cobalt color palette (#F6EDE3, #9BCBEC, #6983CA, #006C69, #332155)
- Aged Balcony color palette (#F6EAE3, #5F9DAF, #005B98, #003D2F, #05002C)
- Weathered Ridge color palette (#ECFBE2, #BEEAE6, #F2CBE4, #7D9C70, #3C513F)
- Antique Field color palette (#EEE3D7, #76A7D2, #4B57C4, #004A4C, #1E0037)
Browse the whole catalog at Explore, or see today's palette.