Lagoon Drift color palette — #E9F8FC · #83D5D0 · #DF9AB2 · #319F99 · #574561

Built around Fern, softened by Ballet Pink — the whole palette hums with sophistication.

The five colors

• Ivory (#E9F8FC): bright and airy, almost weightless.
• Lagoon (#83D5D0): A luminous, balanced teal — the color of sea glass.
• Ballet Pink (#DF9AB2): A luminous, balanced rose — the color of a warm blush.
• Fern (#319F99): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#574561): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged light, muted.

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 Field color palette (#E8FAF6, #AECFA6, #C3A3D3, #6E9A64, #4C4868)
• Weathered Cerulean Bloom color palette (#ECF7FF, #93CDEC, #D8A57E, #4696BD, #614350)
• Ancient Teal color palette (#E4FAFF, #68C3BF, #CE919E, #AF7F65, #2E474D)
• Teal Hollow color palette (#E8F9FD, #98E6DF, #C2BEFF, #54BCB4, #444C66)
• Washed Teal Cabin color palette (#F2F7EE, #A5F9E1, #FFB7A7, #59AC95, #4C4441)
• Muted Studio color palette (#EEF9EB, #78BFB6, #B3954C, #00847A, #514C46)
• Softworn Study color palette (#EFF6FD, #F8C2B7, #5F829D, #355066, #222D35)
• Muted Rose color palette (#E9F8FF, #33D5EE, #DC5A5B, #008798, #671C1F)

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