Airy Courtyard color palette — #FFF2EB · #FFCBCA · #FF9872 · #D27C00 · #4C2A14

A conversation between Mustard and Melon, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Shell Pink (#FFCBCA): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#FF9872): A luminous, balanced orange — the color of toasted spice.
• Mustard (#D27C00): A luminous, balanced gold — the color of old brass.
• Espresso (#4C2A14): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged candy, vibrant, light, warm.

Use it as a design system

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

• Linen Courtyard color palette (#FFF2EE, #FFBBDA, #FF91A5, #DC674E, #522427)
• Wandering Marigold Thicket color palette (#FFF0F9, #FFD2DC, #FFBAA8, #DAA535, #4B2404)
• Softworn Marigold Parlor color palette (#EBDBCE, #E7A046, #A77200, #795600, #433301)
• Dusty Amber Quarry color palette (#FEDFC8, #FF977E, #E37400, #A57100, #251100)
• Airy Coral color palette (#FFF2EB, #FF9AC8, #F67C5D, #8A7A0C, #422508)
• Peony Thicket color palette (#FBECD7, #D19E3E, #DA63B3, #946900, #502241)
• Dusty Mustard color palette (#FFF4E1, #FFBD6F, #DBA900, #9A9B00, #362C00)
• Worn Olive Loft color palette (#FFE3C7, #CAB494, #958C55, #5A6F2E, #3A5034)

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