Lagoon Ridge color palette — #ECF9F1 · #B0CFA2 · #4DA286 · #53768E · #2B4944

Fern and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9F1): a clean, paper-quiet neutral.
• Pistachio (#B0CFA2): A luminous, dusty green — the color of new leaves after rain.
• Fern (#4DA286): A luminous, balanced teal — the color of sea glass.
• Slate (#53768E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#2B4944): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Lagoon Ridge 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

• Worn Garden color palette (#FBF2F6, #B9DBC4, #8EA475, #7B7A92, #425247)
• Ancient Lagoon Field color palette (#EBF9F0, #A0BF90, #009774, #835262, #1E3C36)
• Basalt Summit color palette (#F9F5E7, #CDF1CA, #73AC96, #5B806A, #383C00)
• Washed Periwinkle Corridor color palette (#F9F3F7, #CFE1FE, #6DABDE, #3F8B70, #3C485E)
• Cerulean Courtyard color palette (#F1F5FF, #E9D9E1, #F4BFAA, #589FBA, #4B4B62)
• Hushed Veranda color palette (#DAEFE5, #59945D, #006154, #003C5D, #001502)
• Wandering Jade Drift color palette (#DFF5EB, #68A270, #007064, #6C2E3B, #002207)
• Softworn Ridge color palette (#F0F5FF, #8D9CFA, #8FA33E, #4E925F, #2D3750)

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