Lagoon Grove color palette — #FCF3EE · #C2E7E6 · #80A9D0 · #008D87 · #39466B

Fern takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Silver (#C2E7E6): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#80A9D0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#008D87): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#39466B): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, 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

• Azure Harbor color palette (#FDF3ED, #BCE7CE, #25A5F0, #008477, #213C77)
• Softworn Lagoon Garden color palette (#FCF3EE, #C3E8DE, #64B1C9, #069164, #285145)
• Timeworn Teal Coast color palette (#E8FAF2, #EBD6D1, #EEB5BA, #49A4A1, #5C445D)
• Cerulean Atelier color palette (#CDE8C4, #71C7D2, #009EC1, #006F9D, #2D4466)
• Worn Chapel color palette (#F1E5DF, #7AC0BE, #00829A, #005D38, #002235)
• Cobalt Drift color palette (#EAF9F3, #77C2EC, #E28A70, #008BC0, #643325)
• Hushed Bloom color palette (#F8E9E2, #769D82, #006083, #003D30, #00091A)
• Washed Ultramarine color palette (#EEE5DE, #7DAE9B, #0361CB, #004A4C, #100045)

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