Lagoon Grove color palette — #D1EEF2 · #009C85 · #204A60 · #042C31 · #031513

Fern takes the lead with Navy close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Frost (#D1EEF2): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#009C85): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#204A60): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Forest (#042C31): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#031513): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Calm, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Lagoon Grove 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 Delta color palette (#DDF2FF, #0094BA, #37426D, #0E2A38, #011519)
• Weathered Basin color palette (#EBFBE2, #00AA8F, #004355, #0D1904, #020200)
• Hushed Emerald Alley color palette (#CBEBE6, #08A229, #0F4F4D, #002E2A, #07150F)
• Washed Atelier color palette (#D6EAEC, #00BBA2, #00757E, #194950, #021515)
• Washed Delta color palette (#DCEDF5, #006D7A, #383137, #072348, #000B11)
• Amber Atelier color palette (#C1F6FF, #00AFC3, #D86E00, #957000, #00373F)
• Periwinkle Boulevard color palette (#E9F3FF, #689EE0, #555669, #303943, #1A2327)
• Lagoon Harbor color palette (#E1FDF2, #86CE9D, #009B93, #666F2C, #1D442C)

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