Lagoon Garden color palette — #F1F7F2 · #D5DFEF · #7EBBD7 · #2D9892 · #405568

A conversation between Fern and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D5DFEF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#7EBBD7): A luminous, dusty blue — the color of open sky before noon.
• Fern (#2D9892): A luminous, balanced teal — the color of glacier melt.
• Peacock (#405568): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: 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

• Hushed Canyon color palette (#F9F4ED, #C0E0EB, #A8C4F0, #809A7C, #3A534C)
• Azure Corridor color palette (#F9F3F7, #D5E1F3, #67A0CA, #3F7D64, #485367)
• Petrol Grove color palette (#D9E4DB, #8EB9CB, #0081A2, #005A52, #002236)
• Timeworn Denim Workshop color palette (#E4EFE6, #659BB0, #005E8C, #003B3E, #00091B)
• Hushed Cerulean color palette (#F8F2FF, #D69DBD, #ACA86D, #34A0C4, #473E51)
• Cobalt Balcony color palette (#E7F2E9, #AAC8E6, #5E85CD, #006881, #23265C)
• Hushed Atelier color palette (#EDF9EF, #B4E2FF, #3E9FFD, #008091, #273C73)
• Tempered Corridor color palette (#F8F2FF, #EAD6DD, #A6CACB, #B091BB, #564D5C)

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