Lagoon Drift color palette — #EFF7F7 · #D5DBE1 · #B3A9B3 · #5D8E78 · #4B5555

Fern and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D5DBE1): bright and airy, almost weightless.
• Ash (#B3A9B3): a calm mid-gray that lets other colors speak.
• Fern (#5D8E78): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#4B5555): a grounded near-black with real depth.

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

Use it as a design system

One click turns Lagoon Drift 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 Harbor color palette (#EFF3EC, #CFDAD5, #A2AFB1, #78896B, #343732)
• Petrol Ridge color palette (#F0F6FA, #D9D9E1, #C3BCCC, #387D9D, #41494E)
• Wandering Driftwood Canyon color palette (#FCF2F5, #A7CBB4, #7B8852, #496D6F, #435148)
• Abyss Veranda color palette (#DAE1E5, #ADBBC9, #838EA8, #004D5F, #0C222D)
• Hushed Pewter Drift color palette (#DDFDFA, #A8C3CA, #7F96AB, #836776, #415546)
• Timeworn Cerulean Orchard color palette (#FEF0FB, #71B999, #0084A3, #794B49, #364C50)
• Muted Spruce color palette (#DBE8EA, #8C9DA4, #54758D, #003329, #010C0D)
• Patina Seafoam color palette (#EAF8FC, #B0E8EC, #51E3CF, #5D9CCD, #304E5B)

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