Lagoon Lagoon color palette — #FDF3EC · #C4E6E5 · #83A7D7 · #2C8C7C · #444367

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

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Silver (#C4E6E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#83A7D7): A luminous, balanced blue — the color of deep harbor water.
• Fern (#2C8C7C): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#444367): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Lagoon Lagoon 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

• Wandering Boulevard color palette (#F0F7F1, #C4E1F4, #5A90BA, #007077, #344964)
• Softworn Basin color palette (#F8F5EF, #C1E9E8, #81C5FA, #4DA8B0, #544054)
• Antique Driftwood Drift color palette (#FCF3F0, #C1E2E8, #8EBDA8, #818C64, #5D4C5D)
• Denim Pier color palette (#F7E9E3, #659DA8, #005E8C, #003D29, #02002F)
• Washed Canyon color palette (#BCF9E6, #68CFDA, #0C9AC4, #316E9F, #41496D)
• Turquoise Lantern color palette (#DFFDF0, #4FB1DE, #C28C4F, #8C8040, #223F33)
• Linen Dune color palette (#FFF2EE, #73E0D8, #009CB9, #1C780A, #003559)
• Cerulean Meadow color palette (#E9FAF1, #65C5EC, #D9925B, #008DB5, #603713)

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