Muted Courtyard color palette — #EFF6FF · #A9C5FF · #FF8EAD · #6291FF · #6A1034

Lavender Blue and Ballet Pink set the tone — five colors that lean into creativity and balance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#A9C5FF): A whisper-light, balanced violet — the color of a velvet chair.
• Ballet Pink (#FF8EAD): A luminous, balanced red — the color of late-summer berries.
• Lavender Blue (#6291FF): A luminous, vivid violet — the color of wild irises.
• Mulberry (#6A1034): A deep, shadowed, balanced red — the color of embers at dusk.

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

• Weathered Villa color palette (#E9EEFF, #BFB2FF, #F68F84, #947AED, #5B1E1A)
• Fuchsia Basin color palette (#EBF7FF, #5ED6FF, #E98BFF, #00A7D1, #571B64)
• Fuchsia Balcony color palette (#E2EBFF, #93B2FF, #E383D5, #00B1B9, #1E2D58)
• Patina Periwinkle Basin color palette (#F1F5FF, #E3D5E4, #C7C0B6, #86A9F8, #44416D)
• Dusty Mallow color palette (#C9E4F4, #FFA8C4, #CBAAFF, #5F4E7A, #202132)
• Powdered Sapphire color palette (#FFF0FD, #ABC8FF, #DBA707, #316FFC, #3C2B00)
• Iris Courtyard color palette (#F2F5FF, #C2BCFF, #00D1CD, #957FFF, #004443)
• Worn Pier color palette (#F7F2FF, #F9C1E5, #94CEFA, #D290BC, #365066)

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