Lagoon Harbor color palette — #FAF2F8 · #D4D5E4 · #82C6DF · #4C9275 · #2C4155

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

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Silver (#D4D5E4): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#82C6DF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#4C9275): A luminous, balanced teal — the color of glacier melt.
• Navy (#2C4155): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Softworn Atelier color palette (#FDF1F9, #D3D5E5, #61AFE2, #008172, #1B2F4A)
• Worn Market color palette (#FBF2F6, #D8D4DF, #BFBFEA, #7099A6, #444D62)
• Hushed Loft color palette (#FAF4EC, #CCE4CE, #4E96A8, #007360, #1E4E63)
• Stone Corridor color palette (#E8F8FF, #D6DBE6, #87BCA9, #B5AAA4, #314654)
• Sunlit Glacier color palette (#E7F9FF, #5BEBFA, #FA9E95, #1F9BA6, #4A2D46)
• Tempered Delta color palette (#FCE7F6, #40CAE2, #00709A, #003F33, #00020A)
• Misty Loft color palette (#DBFFEC, #49F0CF, #00B3BB, #257D93, #1B3E56)
• Turquoise Summit color palette (#E6F9FF, #CDDCEA, #3CABCB, #006179, #001E26)

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