Amber Courtyard color palette — #FFD5D3 · #F0AE92 · #D5883B · #966B00 · #392F00

Mustard takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FFD5D3): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#F0AE92): A luminous, balanced orange — the color of autumn markets.
• Mustard (#D5883B): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#966B00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#392F00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Weathered Marigold color palette (#FFD5BD, #E3B675, #B99D26, #787F00, #213600)
• Washed Courtyard color palette (#FFD3E6, #FBA9B7, #DF7E73, #BC5000, #452800)
• Muted Amber Balcony color palette (#FFD6EE, #E0979C, #C66B2B, #6B5400, #293500)
• Wandering Amber color palette (#E0F5E4, #F4A28C, #BF8D3E, #008490, #49260F)
• Soft Tangerine color palette (#FFD9D8, #EB7145, #995400, #513700, #1A1500)
• Quiet Harbor color palette (#FEDDC8, #C88300, #866C00, #515000, #051100)
• Muted Amber Grove color palette (#F9EAF0, #D58443, #4F6953, #513140, #130911)
• Ancient Coral Lantern color palette (#F9F3F8, #E4D5D6, #D4BAB6, #EA7A6B, #443541)

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