Lagoon Courtyard color palette — #F1F7F1 · #D2DCDB · #B3C4C3 · #539DA0 · #424A43

A conversation between Storm Blue and Stone, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Silver (#D2DCDB): bright and airy, almost weightless.
• Stone (#B3C4C3): a calm mid-gray that lets other colors speak.
• Storm Blue (#539DA0): A luminous, dusty teal — the color of glacier melt.
• Charcoal (#424A43): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

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

• Denim Corridor color palette (#DBE2DD, #AAB8B0, #839C91, #005E69, #07180D)
• Wandering Cerulean color palette (#EEF8F2, #CAE5D9, #A0C8BB, #0085A2, #1D3A2B)
• Cobalt Parlor color palette (#FAF3F7, #E5D5D5, #CCB9B8, #747DAC, #41373E)
• Softworn Lantern color palette (#F7F6EB, #B4CEA4, #789A76, #657B39, #474500)
• Cerulean Orchard color palette (#D5EBDF, #009EC6, #35554A, #21322A, #121B15)
• Wandering Oat color palette (#DBFFEE, #A5D6C7, #A893A5, #87686D, #664444)
• Cerulean Balcony color palette (#F3F9E0, #5BC1D8, #408FBC, #72548B, #224535)
• Gentle Glacier Coast color palette (#E6FBEF, #70F6FC, #94CCFF, #55ABE2, #204634)

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