Amber Courtyard color palette — #FFF2EB · #FFC197 · #D27C00 · #885500 · #473000

Mustard and Ochre set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Cantaloupe (#FFC197): A whisper-light, balanced gold — the color of honey in a jar.
• Mustard (#D27C00): A luminous, balanced gold — the color of old brass.
• Ochre (#885500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#473000): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Faded Amber color palette (#FFF3E5, #E8B159, #B78800, #715B00, #352F00)
• Hushed Chapel color palette (#EEDAD0, #EE7F05, #A35E00, #6B4300, #3B3900)
• Weathered Parlor color palette (#EADFCB, #B89200, #6B5C00, #3F3900, #0A0A00)
• Amber Field color palette (#FFF4DE, #FFD579, #B58A00, #634800, #1F1400)
• Quiet Market color palette (#FFF1F1, #FFB4AB, #ED5138, #AF3A00, #5E2400)
• Tempered Amber Quarry color palette (#FFD2CC, #FFA682, #E78600, #A17300, #4E4400)
• Ancient Basin color palette (#E3FEE3, #FDB94A, #00CBA3, #A87200, #00382B)
• Mustard Balcony color palette (#FFF5D2, #E4D78A, #B0AF50, #6C731C, #3F4A1E)

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