Lagoon Courtyard color palette — #FBF4ED · #C3E6E8 · #8AA6D1 · #3F878C · #5C3C51

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

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Silver (#C3E6E8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#8AA6D1): A luminous, dusty blue — the color of open sky before noon.
• Storm Blue (#3F878C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Cocoa (#5C3C51): A full-bodied, dusty pink — the color of neon signs at night.

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

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

• Powder Chapel color palette (#FCF2F6, #D8D4DF, #91BCFF, #279299, #343E5A)
• Aged Lagoon color palette (#FEF2ED, #C6E6E0, #6CAFCC, #448A72, #1D5247)
• Gentle Cabin color palette (#FEF3EA, #B1E3FE, #539EF3, #008283, #313973)
• Blush Station color palette (#FFF2EF, #E08695, #33AE9F, #228CB0, #4A312B)
• Wandering Terrace color palette (#F9E7DE, #82BDC4, #0080A6, #005B45, #00203D)
• Denim Quarry color palette (#F4E4DB, #679BAD, #005D91, #003C37, #000030)
• Powdered Ultramarine Loft color palette (#F7EDE2, #76A7D4, #435DBD, #004853, #18003E)
• Dusty Cobalt color palette (#F5EDE5, #A3CFC1, #6584C9, #006A75, #2C2651)

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