Lagoon Field color palette — #EFF7F9 · #D7DAE2 · #B5A9AF · #4B8F8F · #4C5457

A conversation between Storm Blue and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D7DAE2): bright and airy, almost weightless.
• Ash (#B5A9AF): a calm mid-gray that lets other colors speak.
• Storm Blue (#4B8F8F): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#4C5457): a grounded near-black with real depth.

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

Use it as a design system

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

• Patina Veranda color palette (#F1F5FB, #DDD9E3, #CBBACE, #5E759B, #424850)
• Washed Driftwood color palette (#EDF4EE, #CDDAD8, #A2AFB5, #6C8C72, #333833)
• Ancient Lagoon color palette (#EEF8F2, #A1CBBF, #638D6D, #4A6C76, #3C534C)
• Tempered Workshop color palette (#E2FAFF, #B0C4D1, #9199B3, #627567, #3A5552)
• Washed Cobalt Basin color palette (#FFF1F6, #6AB7B4, #4C7BAB, #784F2B, #364B55)
• Tempered Denim color palette (#E7F0F6, #C1CDDD, #979FBA, #005D7B, #252F36)
• Tempered Petrol color palette (#DDE9EE, #8E9CA6, #5F7094, #003137, #000B11)
• Nightshade Archive color palette (#F2F5FD, #D1D0E4, #AF9EC3, #5344B2, #2A3249)

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