Lagoon Grove color palette — #EDF7FA · #D5DCE7 · #B6AFBD · #3C9B93 · #233134

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

The five colors

• Ivory (#EDF7FA): bright and airy, almost weightless.
• Silver (#D5DCE7): a clean, paper-quiet neutral.
• Ash (#B6AFBD): A luminous, dusty violet — the color of twilight just after sunset.
• Fern (#3C9B93): A luminous, balanced teal — the color of glacier melt.
• Deep Forest (#233134): a grounded near-black with real depth.

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

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 Teal color palette (#F2F7F1, #D0DCDA, #B1C5C3, #3EB3B2, #333E33)
• Weathered Basin color palette (#F1F5FC, #DDD9E3, #BEB3AB, #6F90D6, #2A3648)
• Cypress Harbor color palette (#ECF3F6, #CED7E3, #9FBCCB, #007374, #152327)
• Dusty Cypress Thicket color palette (#D6FFF9, #BBDBED, #95A5C9, #4D6D4F, #293F2D)
• Washed Cobalt color palette (#F2F5FC, #DED8E2, #CFBBCC, #6771AC, #171E2D)
• Hushed Navy color palette (#DDE3EA, #B5BACA, #8F8EAC, #003C73, #000104)
• Hushed Terrace color palette (#EBFAEE, #CCD79D, #6D966B, #396C77, #003024)
• Softworn Lantern color palette (#FFF0F9, #2FD0C5, #3C84BD, #7B3D24, #00272D)

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