Lagoon Harbor color palette — #FAF3F7 · #D3DEFA · #85A8CD · #2F8A87 · #3A4861

Fern and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Powder Blue (#D3DEFA): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#85A8CD): A luminous, dusty blue — the color of deep harbor water.
• Fern (#2F8A87): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#3A4861): A full-bodied, dusty violet — the color of a velvet chair.

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

• Powder Coast color palette (#FCF3ED, #C1E6F6, #83C0FF, #019592, #4D3748)
• Dusty Petrol Hollow color palette (#F4F6EF, #C6E5D6, #5D91B0, #006E80, #284B67)
• Softworn Denim color palette (#F7E8F3, #5A9EAB, #006085, #003D31, #00091C)
• Petrol Dune color palette (#F0E1EB, #7ABFC0, #00829B, #005C3A, #002236)
• Hazy Blush Grove color palette (#FBF1FF, #E282A3, #3CAE92, #008FA8, #413148)
• Ultramarine Atelier color palette (#F3DEE5, #78A8C8, #2A62BD, #00494E, #110241)
• Pine Study color palette (#FFF0FA, #76DFD9, #009DB4, #007740, #00384F)
• Frosted Meadow color palette (#FBE9F0, #99CCE8, #4988D4, #006B6D, #23275A)

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