Quiet Courtyard color palette — #F4F5FB · #B7A1E1 · #AF4C39 · #6D47A4 · #2C1F29

Plum takes the lead with Brick close behind in a set that reads as balance at first glance.

The five colors

• Ivory (#F4F5FB): bright and airy, almost weightless.
• Mauve (#B7A1E1): A luminous, balanced violet — the color of wild irises.
• Brick (#AF4C39): A full-bodied, balanced orange — the color of toasted spice.
• Plum (#6D47A4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#2C1F29): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Balance. Tagged duotone.

Use it as a design system

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

• Gentle Ridge color palette (#F6F4FC, #CF9ACA, #936400, #8A3C86, #1C281C)
• Hushed Mallow color palette (#F9EFF1, #D69ADE, #A85870, #824D8A, #190907)
• Plum Bloom color palette (#F2F5FB, #96ADE5, #B13B7D, #405BA3, #292030)
• Frosted Mallow color palette (#F5F3FF, #EAA9F3, #C57384, #A167A9, #2A202D)
• Ancient Terracotta color palette (#E2FCF1, #B482C0, #A14A50, #00595E, #42384D)
• Soft Dune color palette (#F6EFFF, #D499C9, #B45575, #8C2C25, #592E00)
• Worn Aubergine color palette (#F2EFFF, #C160D0, #843E00, #710080, #210A00)
• Aged Courtyard color palette (#F5F4FB, #E0D7DC, #D0B9BE, #8B6689, #48464E)

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