Dusty Courtyard color palette — #DFEBFF · #5C7FE2 · #434CBE · #38298B · #2F2459

Cobalt and Periwinkle set the tone — five colors that lean into creativity and balance.

The five colors

• Frost (#DFEBFF): A whisper-light, dusty violet — the color of a velvet chair.
• Periwinkle (#5C7FE2): A luminous, balanced violet — the color of a velvet chair.
• Cobalt (#434CBE): A full-bodied, vivid violet — the color of twilight just after sunset.
• Indigo (#38298B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#2F2459): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, Balance. Tagged 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

• Ultramarine Station color palette (#E2F3FF, #3F8AD6, #3B43C7, #400083, #1F002D)
• Cornflower Atelier color palette (#E6F0FF, #86A6FF, #667BFF, #5B58C3, #2A2151)
• Dusty Grape Orchard color palette (#E0E4FD, #8574E5, #6C47BA, #4E1C7E, #4C1240)
• Timeworn Aubergine Meadow color palette (#E8DFFF, #967BDB, #58379A, #340064, #1C003C)
• Pale Ridge color palette (#D4E6F2, #58A2F4, #6063E7, #5C22BB, #3C1953)
• Powdered Azure color palette (#D5E8F1, #009DDE, #006096, #003C6F, #251C50)
• Weathered Studio color palette (#EFD6E4, #7871C9, #AD4142, #462E9F, #4E0C11)
• Hazy Boulevard color palette (#E3E1FB, #6E4FCC, #993261, #00556D, #20183D)

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