Dusty Lagoon Courtyard color palette — #EEF8F1 · #A3CBBA · #5F8B81 · #725E71 · #41514A

Storm Blue and Pistachio set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#EEF8F1): bright and airy, almost weightless.
• Pistachio (#A3CBBA): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#5F8B81): A luminous, dusty teal — the color of shallow lagoons.
• Graphite (#725E71): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal Brown (#41514A): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Dusty 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

• Seafoam Pier color palette (#E9FAF1, #C0DDF2, #A6DDC6, #779880, #3C514B)
• Patina Olive Quarry color palette (#EBF9EE, #B4B37E, #687C45, #46614D, #30493D)
• Ash Ridge color palette (#F0F7F1, #D5DFF1, #6DA1BD, #457784, #445465)
• Fern Hollow color palette (#F9F4ED, #DAD2AD, #9B9F79, #8F7676, #5B4C00)
• Softworn Mustard Coast color palette (#E9FAF0, #BCB265, #9391CB, #7B7440, #434C69)
• Weathered Moss color palette (#E3FCF0, #9E9E2D, #4494B7, #96657D, #34473F)
• Washed Pier color palette (#E2FCF6, #73A986, #0F735E, #60404C, #173C3B)
• Lagoon Corridor color palette (#DDF6F3, #1B8E6A, #005049, #402900, #002021)

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