Ember Courtyard color palette — #FFF1F2 · #FFBDB9 · #F75E49 · #B33400 · #5A2000

Coral Clay takes the lead with Brick close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Rose Quartz (#FFBDB9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Coral Clay (#F75E49): A luminous, vivid orange — the color of toasted spice.
• Brick (#B33400): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#5A2000): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged warm.

Use it as a design system

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

• Misty Brick color palette (#FFD4D6, #FA6667, #CD0617, #8B2100, #632B12)
• Weathered Pier color palette (#FFE9F3, #FF99B1, #FF745C, #C95200, #5C3500)
• Sunlit Amber Delta color palette (#FFF2EE, #FFB18F, #C8682B, #8B4C00, #3C2100)
• Washed Dune color palette (#FFE7DC, #E67800, #905200, #492C00, #0E0600)
• Linen Lantern color palette (#FFF0F8, #FFACD1, #FC569A, #A92958, #671628)
• Ancient Scarlet color palette (#FFF2EC, #FFB0A2, #B49BFF, #DB3D2A, #33205B)
• Coral Lantern color palette (#FFF2EA, #DEDACC, #95B4B7, #DD846A, #583518)
• Timeworn Bronze color palette (#FFECD8, #AC7500, #624700, #332700, #030200)

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