Mallow Courtyard color palette — #F1F0FF · #CCA5E1 · #827687 · #54535E · #1F2228

Lavender and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Blush (#F1F0FF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#CCA5E1): A luminous, balanced violet — the color of wild irises.
• Slate (#827687): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal Brown (#54535E): quiet, heavy and certain.
• Onyx (#1F2228): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Aged Mallow color palette (#F4F4FF, #C49ED3, #595064, #2B2938, #0E0F14)
• Weathered Coral color palette (#F0DEEE, #F58486, #836770, #524452, #1A161F)
• Magenta Garden color palette (#E8E0F7, #F94EDC, #885856, #463B58, #0F111C)
• Iris Villa color palette (#F7E9ED, #9A6EB2, #4C3431, #28191E, #0F0B0E)
• Timeworn Ash color palette (#EDF7FF, #E1D5E5, #CEB9CF, #81A3AA, #3B5256)
• Timeworn Mallow color palette (#F9F2FF, #FAACCE, #7ECFC4, #70AEBF, #493D52)
• Hushed Atelier color palette (#F2F5FF, #EAC5F3, #DB9CC6, #C2848A, #68495F)
• Peony Market color palette (#F1E6FC, #E043A6, #74453B, #352A40, #04040B)

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