Amber Courtyard color palette — #FFF2ED · #F3A77E · #CC6C00 · #8D5200 · #422700

Pumpkin and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Melon (#F3A77E): A luminous, balanced orange — the color of sun-warmed clay.
• Pumpkin (#CC6C00): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#8D5200): A full-bodied, balanced gold — the color of old brass.
• Espresso (#422700): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

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

• Washed Amber Lantern color palette (#FFE6E4, #FF9D7D, #E57500, #9E6500, #4B3A00)
• Softworn Chestnut color palette (#FFF1F6, #E5C097, #B77A46, #89410C, #102713)
• Timeworn Alley color palette (#FFF3E4, #EDC16B, #AE8900, #736100, #393300)
• Patina Amber color palette (#F1DACD, #E0811F, #895400, #503300, #140B00)
• Terracotta Archive color palette (#FFF1F3, #FFA7AA, #DB5E5C, #A31B0D, #541705)
• Muted Wisteria Lagoon color palette (#FFF1F6, #F6AD6D, #D185DB, #AC6100, #3E0F45)
• Faded Amber Boulevard color palette (#E0FFDF, #F4CB8F, #BD8200, #634000, #1C1000)
• Hushed Bronze color palette (#F5E8D8, #9E7200, #685000, #2C2300, #030200)

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