Dusty Courtyard color palette — #F0E6EC · #86BDCF · #236EB0 · #004D3D · #0F0E39

Slate and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F0E6EC): bright and airy, almost weightless.
• Ash (#86BDCF): A luminous, dusty blue — the color of open sky before noon.
• Slate (#236EB0): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#0F0E39): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Muted Cobalt color palette (#F8EFF3, #A9CDE6, #567CBB, #005C54, #201A3C)
• Ancient Field color palette (#E9F1EB, #95B7CA, #0070A0, #004F51, #002E59)
• Hushed Nightshade Study color palette (#F6E9ED, #70A2C7, #394FA8, #003939, #100027)
• Fern Ridge color palette (#F7EFF7, #97DFD9, #0092AE, #14670B, #002744)
• Petrol Dune color palette (#DFE7FF, #E7BAEF, #DC8E89, #0A669C, #1D0F2F)
• Cypress Harbor color palette (#F7EFF3, #D7D1E6, #809EC6, #38786C, #2D354E)
• Patina Denim Canyon color palette (#F3E2F0, #4997A0, #005070, #002E19, #000218)
• Hushed Amethyst color palette (#EDEBFF, #6D4ECE, #5A6500, #1A5527, #0C0227)

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