Dusty Courtyard color palette — #CDF9F6 · #5DA0AC · #4E7865 · #603D51 · #4D2B37

A conversation between Blue Fog and Cocoa, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#CDF9F6): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#5DA0AC): A luminous, dusty blue — the color of deep harbor water.
• Teal (#4E7865): A full-bodied, dusty teal — the color of shallow lagoons.
• Cocoa (#603D51): A full-bodied, dusty pink — the color of peonies in June.
• Espresso (#4D2B37): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.

Use it as a design system

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

• Cerulean Alley color palette (#D5F5FB, #5099BA, #3C6A92, #513B60, #502930)
• Worn Teal color palette (#DDE8DC, #6BA889, #3D766B, #224E43, #432E42)
• Cerulean Coast color palette (#CEF3F6, #79B6B6, #4F8EAD, #7A4861, #4B3047)
• Basalt Field color palette (#DBE7CF, #74937A, #2A6783, #58243F, #3D1012)
• Frosted Mulberry color palette (#DAE9FF, #8697DA, #7765A6, #7E3451, #6B212E)
• Worn Lagoon color palette (#C6E8E7, #009BA3, #00626E, #004251, #13263F)
• Cocoa Ridge color palette (#D6F5E5, #8FC0B1, #917891, #74585D, #713711)
• Hushed Bronze color palette (#EBE0CC, #9ABD92, #5FA8B2, #9A652D, #4B3600)

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