Pale Courtyard color palette — #F8F7D9 · #98C957 · #6776E3 · #AB2286 · #122000

Magenta Rose takes the lead with Periwinkle close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F8F7D9): A whisper-light, dusty green — the color of fresh herbs.
• Lime (#98C957): A luminous, balanced green — the color of a quiet forest floor.
• Periwinkle (#6776E3): A luminous, vivid violet — the color of twilight just after sunset.
• Magenta Rose (#AB2286): A full-bodied, vivid pink — the color of neon signs at night.
• Ink (#122000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged 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

• Aged Mulberry Market color palette (#F2F9DF, #64B279, #9475D2, #A22A59, #131800)
• Indigo Terrace color palette (#EEFAE4, #00CBA2, #4E73EC, #960045, #272200)
• Lapis Delta color palette (#F5F8DE, #53BC39, #6154DB, #8F0046, #1C1100)
• Dusty Archive color palette (#FFF4DC, #D1B529, #0087DA, #832DD2, #211B00)
• Pale Mulberry Summit color palette (#FFF4E2, #45DDA5, #0098A3, #950086, #003028)
• Tempered Brick color palette (#E9FCDE, #30D2B5, #B657B3, #C20024, #00211B)
• Ancient Coast color palette (#EFF9E7, #73C5AD, #BD88C4, #AF5054, #1E2816)
• Weathered Ember color palette (#FFF4DD, #E6C533, #8883E9, #E35030, #382903)

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