Lagoon Grove color palette — #F5E7E3 · #428F8C · #004454 · #002504 · #000919

A conversation between Fern and Deep Forest, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#F5E7E3): bright and airy, almost weightless.
• Fern (#428F8C): A luminous, dusty teal — the color of glacier melt.
• Deep Teal (#004454): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Forest (#002504): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000919): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Aged Navy color palette (#F8ECE1, #5B86A3, #1E347F, #002221, #0E0024)
• Softworn Boulevard color palette (#EBE3D6, #7E9C7C, #00646F, #003D2C, #000B11)
• Ancient Station color palette (#F1E1D4, #79AB99, #3050A5, #003E3B, #231344)
• Timeworn Forest Study color palette (#E9DDEA, #51B2B0, #00819F, #00631B, #000919)
• Fern Harbor color palette (#EDE7D9, #46641E, #322C00, #1C0D00, #000502)
• Hushed Petrol color palette (#F8ECE5, #98BBA4, #196EA5, #00523C, #212A52)
• Navy Meadow color palette (#EEE0F3, #CB7DA3, #9F5E27, #1A2870, #230019)
• Velvet Aubergine color palette (#EED7E0, #633397, #004C26, #2D0051, #000802)

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