Pale Courtyard color palette — #F9D2DF · #C78104 · #557F11 · #5D008C · #2D2300

Plum and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F9D2DF): A whisper-light, dusty rose — the color of strawberry cream.
• Mustard (#C78104): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#557F11): A full-bodied, balanced green — the color of fresh herbs.
• Plum (#5D008C): A deep, shadowed, vivid violet — the color of a velvet chair.
• Onyx (#2D2300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged retro.

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

• Linen Market color palette (#D0E5CF, #CD7B46, #6E6E00, #52219F, #341F00)
• Frosted Mulberry color palette (#F6D2E4, #9F9530, #007D53, #7E0064, #1D2900)
• Aubergine Thicket color palette (#FFE7F0, #C39B3E, #4D884C, #6D3C88, #0D3929)
• Frosted Chapel color palette (#F2D9E7, #CC6434, #007462, #60008D, #400500)
• Weathered Olive Summit color palette (#FFF3E5, #D39400, #397E00, #423172, #161200)
• Aged Aubergine color palette (#FFE3F0, #8FB99F, #5C8A5B, #654384, #4F2735)
• Hazy Boulevard color palette (#EDDBD1, #6A7B00, #005849, #51003A, #011000)
• Worn Cabin color palette (#EBDDBB, #867900, #415500, #003B3C, #262600)

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