Muted Courtyard color palette — #F8DEF3 · #5578FF · #4D3B62 · #31202E · #081411

A conversation between Periwinkle and Charcoal, giving this palette its sense of creativity and energy.

The five colors

• Blush (#F8DEF3): A whisper-light, dusty pink — the color of peonies in June.
• Periwinkle (#5578FF): A luminous, vivid violet — the color of a velvet chair.
• Charcoal (#4D3B62): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#31202E): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#081411): quiet, heavy and certain.

Feels like: Creativity, Energy, Balance. Tagged noir, dark, luxury, vibrant.

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

• Violet Lagoon color palette (#F4D6E5, #855DF4, #58333A, #2C1C24, #110B11)
• Weathered Iris Workshop color palette (#F0F5FF, #6887FF, #3F3260, #0A1134, #000205)
• Sunlit Sapphire color palette (#FFE6FA, #3257DF, #381D44, #250E22, #07150F)
• Wandering Cobalt color palette (#D5E6DF, #0090CC, #364172, #112C24, #0A150D)
• Periwinkle Corridor color palette (#DAE6FB, #789BFF, #755C80, #324065, #04131E)
• Smoked Field color palette (#FFE1EC, #8000D5, #37162E, #2D2114, #17020B)
• Muted Wisteria color palette (#F0E6FF, #C795FF, #3A914E, #748600, #38264C)
• Weathered Blush color palette (#FFEDEC, #D676AE, #84442B, #413434, #262021)

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