Pale Courtyard color palette — #FCF3F1 · #FFC2CD · #2CCC88 · #E18094 · #212617

A conversation between Clover and Rose, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3F1): bright and airy, almost weightless.
• Shell Pink (#FFC2CD): A whisper-light, dusty red — the color of a theater curtain.
• Clover (#2CCC88): A luminous, vivid teal — the color of shallow lagoons.
• Rose (#E18094): A luminous, balanced red — the color of embers at dusk.
• Onyx (#212617): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance. Tagged duotone.

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 Teal color palette (#FCF3ED, #FFC7AF, #00C8BA, #E2865D, #1D271A)
• Hushed Jade Meadow color palette (#FFF2EB, #F09879, #2CBB83, #8474BF, #332218)
• Timeworn Mustard Alley color palette (#FDF2F2, #FFBFE2, #BEB12D, #DE7CB5, #2A2310)
• Chalky Pier color palette (#FFEEE5, #FFAA90, #00B39C, #F34B00, #001612)
• Quiet Basin color palette (#FBF2F7, #FAAF95, #7E9D2D, #C35F3B, #152823)
• Ancient Amber Courtyard color palette (#FCF3EE, #EED8BF, #ACA048, #C66E4F, #171206)
• Hushed Taupe color palette (#FFF3E5, #FFB294, #9FAE5A, #747CB8, #413C36)
• Hushed Taupe Chapel color palette (#FAF4EF, #DCDDD1, #A6C0B4, #CEA086, #4D4641)

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