Dusty Amber Courtyard color palette — #FFD5D5 · #FF977B · #D56F00 · #8C5C00 · #504400

A conversation between Pumpkin and Melon, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFD5D5): A whisper-light, dusty red — the color of late-summer berries.
• Melon (#FF977B): A luminous, balanced orange — the color of sun-warmed clay.
• Pumpkin (#D56F00): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#8C5C00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#504400): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Timeworn Ember color palette (#FFD4DD, #FF8685, #F24700, #974E00, #553400)
• Aged Tangerine color palette (#F5D9D5, #EF7E36, #A46700, #5E4700, #2F2B00)
• Hushed Orchard color palette (#F9DCCB, #F39F12, #AD8800, #676200, #334100)
• Quiet Amber Coast color palette (#FEEBD9, #D1AF71, #C36D00, #9A412D, #38352E)
• Dusty Garden color palette (#FFF3E3, #F3B327, #B07900, #734D00, #341F00)
• Mint Harbor color palette (#FFF3E7, #F2EAA9, #7DE287, #CF6968, #56431B)
• Linen Alley color palette (#FFF3E8, #FFA95B, #2AA0FC, #995500, #003D68)
• Indigo Lantern color palette (#FFE6D2, #E87900, #009DCE, #7167E7, #4C2401)

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