Pale Courtyard color palette — #FFF1F1 · #D87CB4 · #339F76 · #8E4B74 · #194D39

Bubblegum and Fern set the tone — five colors that lean into creativity and balance.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bubblegum (#D87CB4): A luminous, balanced pink — the color of a candy shop window.
• Fern (#339F76): A luminous, balanced teal — the color of sea glass.
• Raspberry (#8E4B74): A full-bodied, balanced pink — the color of neon signs at night.
• Forest (#194D39): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Creativity, 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

• Wisteria Veranda color palette (#FFF1F5, #BA87D9, #659A54, #7C4F96, #314A28)
• Gentle Coral Delta color palette (#FFF2EE, #DE8086, #009D9F, #984A51, #2F4A30)
• Hushed Ridge color palette (#FFEDEC, #CF8CAA, #5F9F66, #97426C, #06300F)
• Quiet Driftwood color palette (#F8F2FF, #E89CC4, #70B78E, #AF648D, #1C4D34)
• Misty Peony Meadow color palette (#FFF1F0, #CD5A94, #7E8126, #217294, #4B302E)
• Muted Raspberry Alley color palette (#FFDBD4, #EF0B6E, #008275, #920040, #003630)
• Washed Ember color palette (#FFF2EB, #F65714, #008DAC, #9F3200, #004252)
• Patina Sand color palette (#FFF2F0, #E3D7D2, #F9BD9F, #9C6F76, #5B413C)

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