Lagoon Harbor color palette — #EBF4F4 · #D2D8E0 · #B7AEBE · #56907D · #313838

Built around Fern, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#EBF4F4): bright and airy, almost weightless.
• Silver (#D2D8E0): bright and airy, almost weightless.
• Ash (#B7AEBE): A luminous, dusty violet — the color of wild irises.
• Fern (#56907D): A luminous, dusty teal — the color of sea glass.
• Charcoal (#313838): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Tempered Driftwood color palette (#EDF7F9, #D4DBE3, #B2AAB2, #65898E, #495557)
• Patina Field color palette (#E8F5F8, #CFD7EC, #B0C0DB, #007B79, #16282D)
• Driftwood Pier color palette (#F9EFF2, #AACDB8, #718D5C, #4C666D, #26352C)
• Antique Abyss color palette (#DFE5EA, #A9B4C4, #888BA9, #004B61, #020C14)
• Ash Orchard color palette (#DDF9F2, #AAD1DC, #8A9DBC, #607160, #374937)
• Weathered Cerulean color palette (#FDECF7, #85BA98, #3981A4, #77412F, #1B3034)
• Muted Petrol color palette (#DAE6E7, #7A919D, #536D8F, #00322A, #000202)
• Ancient Pewter Delta color palette (#E8F5F4, #6EAD7B, #97588C, #6C4015, #3A1C2A)

Browse the whole catalog at Explore, or see today's palette.