Faded Courtyard color palette — #FEEEE9 · #EC6E72 · #824624 · #5F220A · #27201E

Watermelon takes the lead with Coffee close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Cream (#FEEEE9): bright and airy, almost weightless.
• Watermelon (#EC6E72): A luminous, balanced orange — the color of autumn markets.
• Coffee (#824624): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#5F220A): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#27201E): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged noir, dark, luxury, warm.

Use it as a design system

One click turns Faded 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

• Muted Blush Station color palette (#FFEDEA, #E76D93, #6A524A, #403533, #271F1F)
• Ancient Amber color palette (#FEEFE3, #E47B2F, #7A4C0E, #3F362F, #26201D)
• Blush Delta color palette (#FFF2EE, #E79498, #774809, #372621, #150D0D)
• Softworn Courtyard color palette (#FDEEE9, #B16264, #5F2D00, #332520, #1A140F)
• Washed Stone color palette (#F9EDF9, #EB9FA0, #897481, #5D4F5D, #241F27)
• Dusty Apricot color palette (#FFF3E7, #EA9E4E, #91B075, #B58191, #47413C)
• Tempered Stone Basin color palette (#FFF2EA, #F8B28D, #C5A0DB, #B37E63, #60444C)
• Muted Pier color palette (#F7F6EA, #C1DBB0, #83A781, #A96D43, #525000)

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