Muted Courtyard color palette — #D5E1FF · #D6B2EE · #DF78AF · #CD3A3D · #502600

Crimson and Bubblegum set the tone — five colors that lean into optimism and creativity.

The five colors

• Frost (#D5E1FF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#D6B2EE): A luminous, balanced violet — the color of a velvet chair.
• Bubblegum (#DF78AF): A luminous, balanced rose — the color of pressed rose petals.
• Crimson (#CD3A3D): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#502600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Muted 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

• Quiet Bloom color palette (#EEDCFF, #E9AFD8, #E2787D, #AD5900, #3A2A00)
• Weathered Ember Alley color palette (#F3F1FF, #EDC2ED, #E68FA4, #D45E2B, #563900)
• Soft Mulberry color palette (#F2DAFF, #DD99CC, #B95A86, #A0003D, #5F0A00)
• Gentle Raspberry color palette (#CEE8FF, #ADBFFF, #C07DD8, #BD308B, #5E0500)
• Pale Thicket color palette (#EDE4F4, #CD67A8, #D30031, #713000, #0E0800)
• Softworn Market color palette (#FAF1FF, #FFB3EF, #D06198, #9A1C3D, #400400)
• Crimson Delta color palette (#FCDDF2, #CD5166, #9C4400, #4C3C00, #020300)
• Worn Plum color palette (#E6E9FC, #B17ED3, #A63E6E, #6D1407, #2B1200)

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