Pale Courtyard color palette — #F9F5E8 · #D1D282 · #BEB1FF · #A6A511 · #583648

Moss takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F9F5E8): bright and airy, almost weightless.
• Honey (#D1D282): A whisper-light, balanced green — the color of new leaves after rain.
• Lavender (#BEB1FF): A luminous, balanced violet — the color of wild irises.
• Moss (#A6A511): A luminous, balanced green — the color of new leaves after rain.
• Cocoa (#583648): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Balance. Tagged light.

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

• Gentle Dune color palette (#F5F7E3, #A4DE9A, #E0A0FF, #72B168, #593641)
• Sunflower Archive color palette (#E2FDF0, #D8DC70, #B5B0FF, #8D9031, #2F3753)
• Pale Amber color palette (#FFF3E4, #F7C26F, #8CC2FF, #C8943C, #284463)
• Misty Sky Courtyard color palette (#FAF6DF, #BAC76B, #4BC1FF, #DC87A7, #393831)
• Tempered Glacier color palette (#FBF6DD, #C0F4E0, #8CE0E5, #C1B176, #52524A)
• Washed Bloom color palette (#FBF5E3, #C9D8AA, #B3B166, #9A8560, #404000)
• Antique Seafoam color palette (#EEFADF, #4EFBBB, #FF8ACD, #009B6E, #5E1F46)
• Misty Fuchsia Delta color palette (#D6EEC2, #96E332, #DA75FF, #538500, #451056)

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