Lagoon Courtyard color palette — #EBF8FB · #D3DCE8 · #B8A8B6 · #009189 · #0B292F

A conversation between Fern and Onyx, giving this palette its sense of sophistication.

The five colors

• Ivory (#EBF8FB): bright and airy, almost weightless.
• Silver (#D3DCE8): bright and airy, almost weightless.
• Ash (#B8A8B6): A luminous, dusty pink — the color of neon signs at night.
• Fern (#009189): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#0B292F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Worn Emerald Market color palette (#EAF9F8, #CDE0EC, #B8BDE7, #009658, #012B2B)
• Timeworn Market color palette (#EFF6FC, #DAD9E4, #BFABA7, #4F90C1, #272F37)
• Weathered Archive color palette (#ECF5EA, #C7D9CD, #87B7A8, #006A60, #0F1F09)
• Timeworn Atelier color palette (#D5E2E7, #ABBECA, #7795B5, #00444D, #000102)
• Ancient Denim Lagoon color palette (#EFF6FF, #DAD7E6, #B3B9D8, #1B60AA, #060D16)
• Worn Boulevard color palette (#FFF4DE, #00C2C2, #007CAD, #84003B, #001D21)
• Hushed Cerulean color palette (#DAF3FF, #008DA6, #002E49, #1F181C, #00090D)
• Powdered Amethyst Market color palette (#E7F9FF, #00AEB8, #791FF8, #7B0018, #131400)

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