Dusty Azure Courtyard color palette — #E9EFF4 · #D1D2DD · #BCB6D1 · #009DDD · #21303B

Cerulean takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E9EFF4): bright and airy, almost weightless.
• Silver (#D1D2DD): bright and airy, almost weightless.
• Ash (#BCB6D1): A luminous, dusty violet — the color of twilight just after sunset.
• Cerulean (#009DDD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#21303B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Aged Ridge color palette (#E5F1F4, #CAD4E1, #B0B9CE, #00A89F, #153339)
• Cornflower Delta color palette (#EBEFF5, #C1BDCB, #B3A1C2, #3F7EDB, #14202F)
• Antique Workshop color palette (#F2F5FB, #DCD9E1, #BEAEB5, #91A9EC, #414853)
• Washed Lantern color palette (#E2EEFC, #B0B6E8, #9993B9, #977038, #144030)
• Antique Lilac Courtyard color palette (#F2F5FF, #E1D5E6, #D2B7CF, #9B7EFF, #2B314D)
• Dusty Cornflower color palette (#D5E3F6, #4D83FE, #524E73, #1E304B, #00050D)
• Peony Courtyard color palette (#D3E3F5, #57A7F5, #C453A4, #885400, #002716)
• Teal Atelier color palette (#D1EBE8, #83CBB0, #00A79B, #14829A, #003223)

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