Dusty Courtyard color palette — #DFE9EC · #B7C1D2 · #9BA9CC · #00919D · #09232B

Cerulean and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DFE9EC): a clean, paper-quiet neutral.
• Ash (#B7C1D2): A luminous, dusty violet — the color of twilight just after sunset.
• Mauve (#9BA9CC): A luminous, dusty violet — the color of wild irises.
• Cerulean (#00919D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#09232B): 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 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

• Wandering Drift color palette (#D8E4E3, #AEC4D1, #89B0CB, #02985F, #122322)
• Ancient Orchard color palette (#D8E5E9, #B3C7D4, #92A7C0, #006F71, #09232A)
• Cobalt Boulevard color palette (#DAE1EA, #BFBDD2, #ABA3C7, #3381D7, #16202B)
• Timeworn Abyss color palette (#E0E9EB, #A8B5BF, #828EA3, #004E4E, #000D12)
• Periwinkle Field color palette (#D5EAF9, #77A7E0, #7582B6, #7E5270, #33213D)
• Ultramarine Alley color palette (#E5EBF4, #A19EB3, #8E83A2, #2C5FB6, #030915)
• Softworn Azure Grove color palette (#CBE5F4, #12DDF2, #06C1EF, #0096EC, #001B26)
• Chalky Aubergine Hollow color palette (#D2F3F1, #00A8CF, #007CC2, #73358A, #001925)

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