Gentle Courtyard color palette — #F5F4FF · #E8B7F8 · #F0AC7C · #BC87CD · #5D381D

Mauve takes the lead with Lavender close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Lavender (#E8B7F8): A whisper-light, balanced pink — the color of a candy shop window.
• Sand (#F0AC7C): A luminous, balanced gold — the color of old brass.
• Mauve (#BC87CD): A luminous, balanced pink — the color of peonies in June.
• Cocoa (#5D381D): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Balance. Tagged light.

Use it as a design system

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

• Lilac Lagoon color palette (#F1F5FF, #C6C5FF, #F7A49E, #9792EB, #623330)
• Gentle Blush Quarry color palette (#F9F2FF, #FFB1D2, #D6BB77, #DE79A6, #504019)
• Quiet Mallow Parlor color palette (#F6F3FF, #E7A1E9, #F29988, #7EA6E6, #3A334F)
• Antique Canyon color palette (#F7F3FF, #E3D5DE, #BBB7A0, #C8A4D0, #514860)
• Orchid Workshop color palette (#FFF1F4, #EDC2F9, #9ECA7E, #B068C4, #2A4017)
• Misty Blush Veranda color palette (#FAF1FF, #FFB2CD, #99BEFE, #D382A0, #2C4269)
• Gentle Mallow color palette (#F6F3FF, #FCC4F7, #D89AD0, #A26A9E, #421E40)
• Magenta Canyon color palette (#FFD7F1, #FF80DA, #DA9900, #E600BB, #3F2900)

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