Pale Courtyard color palette — #FFF2EF · #F9C5FF · #FF8DB2 · #D67554 · #472028

Built around Ballet Pink, softened by Coral Clay — the whole palette hums with creativity and warmth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Thistle (#F9C5FF): A whisper-light, balanced pink — the color of a candy shop window.
• Ballet Pink (#FF8DB2): A luminous, balanced red — the color of embers at dusk.
• Coral Clay (#D67554): A luminous, balanced orange — the color of toasted spice.
• Espresso (#472028): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Creativity, Warmth, Comfort, Balance. Tagged candy, vibrant, light, warm.

Use it as a design system

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

• Blush Bloom color palette (#FFF2F0, #DFBCFF, #EF7CA4, #BC620D, #521F21)
• Apricot Veranda color palette (#FFF2EB, #FFC7D7, #FF9E8D, #C48C49, #4A2714)
• Fuchsia Grove color palette (#FFF1F3, #D5D0FF, #EC8BF9, #D67289, #442236)
• Gentle Parlor color palette (#EED8DB, #FF878A, #D1523D, #8D451F, #562E09)
• Softworn Coast color palette (#FBF1FF, #E8D8D8, #DDBC99, #FF6757, #440C18)
• Rose Station color palette (#F4DDD8, #FF80DC, #FF3F73, #A65700, #2E0006)
• Timeworn Tangerine color palette (#FFEADD, #F98153, #00A7C3, #AB5635, #003D48)
• Tempered Pewter Boulevard color palette (#FFEDF3, #D5A999, #A88C73, #5E714D, #32523B)

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