Lagoon Courtyard color palette — #F8F5EF · #CDE4E2 · #80BAD8 · #469592 · #33514A

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

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#CDE4E2): A whisper-light, dusty teal — the color of sea glass.
• Sky (#80BAD8): A luminous, dusty blue — the color of deep harbor water.
• Storm Blue (#469592): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#33514A): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Timeworn Orchard color palette (#F9F4ED, #C6E3E1, #78ACCE, #008C8F, #573D5A)
• Dusty Petrol Corridor color palette (#E3DED6, #75BECD, #0080A5, #005A54, #002238)
• Tempered Cerulean color palette (#F3EEE6, #94D2CD, #0098A4, #006F4F, #003441)
• Dusty Petrol color palette (#EBE3D8, #7BA9C3, #0069B2, #004952, #000548)
• Cypress Dune color palette (#EDFAE3, #C7DFB8, #5DB09D, #007964, #00473C)
• Taupe Meadow color palette (#F1F9E6, #C6E6DD, #B1D2F7, #92B68C, #4A5744)
• Emerald Meadow color palette (#F2F8EA, #99D4B5, #DB99C4, #32A373, #644057)
• Washed Amber Ridge color palette (#F1F8E9, #84C0A8, #A19CD7, #C47F5B, #40443D)

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