Dusty Courtyard color palette — #EBF9EF · #8AD2DF · #F19293 · #309CAD · #62453B

A conversation between Rose Quartz and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EBF9EF): bright and airy, almost weightless.
• Ice Blue (#8AD2DF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Rose Quartz (#F19293): A luminous, balanced red — the color of embers at dusk.
• Cerulean (#309CAD): A luminous, balanced blue — the color of deep harbor water.
• Cocoa (#62453B): A full-bodied, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Sophistication. Tagged 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

• Hushed Emerald color palette (#F3F7EC, #95D6AA, #E197BB, #4CA06D, #634443)
• Apricot Workshop color palette (#FCF1FB, #A3C5FF, #E2A268, #6A8CC7, #524C46)
• Antique Turquoise Harbor color palette (#E9F8FF, #9FE1F1, #F1B5B4, #61B7C9, #5D425C)
• Coral Canyon color palette (#EAFAED, #6BC1CC, #DD8A89, #BD8362, #344839)
• Turquoise Workshop color palette (#E8F8FF, #59C2CD, #9E9D60, #347F87, #375447)
• Antique Ember Boulevard color palette (#DAFFEF, #69CCFF, #E85107, #0082B1, #671F00)
• Tempered Cobalt Basin color palette (#F9F3F9, #F5C6A5, #5B80AD, #5C435D, #312831)
• Bronze Grove color palette (#FFF3E7, #DDC7A5, #B99370, #A1633F, #584600)

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