Lagoon Garden color palette — #FAF2F9 · #C2E7F4 · #77BCDC · #5F9C71 · #203B60

Fern takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Frost (#C2E7F4): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#77BCDC): A luminous, balanced blue — the color of deep harbor water.
• Fern (#5F9C71): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#203B60): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Timeworn Market color palette (#F7EAF0, #9FDDFA, #6FA6F1, #009381, #2A2556)
• Hushed Taupe Dune color palette (#F9F3F9, #D3D5E8, #9DCFE5, #82AF8B, #425469)
• Cypress Terrace color palette (#FBF4E9, #BEDEC2, #55A2B6, #1A7D6B, #124054)
• Weathered Station color palette (#F8DAEF, #F39075, #2CB8CC, #3E93CA, #3D2035)
• Coral Balcony color palette (#F7E9F8, #FF9FAE, #3BC1EB, #D66A7E, #003C4D)
• Wandering Workshop color palette (#D6EFDD, #BCC896, #B19C60, #9C6E4C, #0D3835)
• Cobalt Pier color palette (#F6E7F3, #53B0BD, #007DB1, #00613E, #00022C)
• Tempered Garden color palette (#F7F0ED, #98D4D8, #0087B4, #005F33, #2D172D)

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