Amber Courtyard color palette — #FFF0D8 · #D47500 · #7E5A00 · #004C24 · #2B1700

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

The five colors

• Cream (#FFF0D8): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#D47500): A luminous, balanced gold — the color of old brass.
• Coffee (#7E5A00): A full-bodied, balanced gold — the color of old brass.
• Forest (#004C24): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Onyx (#2B1700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Balance. Tagged retro.

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

• Softworn Amber Basin color palette (#FFF0D3, #B28C00, #646600, #004941, #221C00)
• Ember Lantern color palette (#FFEFDE, #EB5A50, #9A4500, #384400, #350D04)
• Hushed Pier color palette (#F3E0C4, #A86700, #5E4900, #003621, #170C00)
• Quiet Apricot color palette (#FFF4E1, #F68613, #A47300, #006E31, #4F2C00)
• Antique Alley color palette (#FAF1DF, #B0AB6A, #6A7200, #6E3E1A, #291F00)
• Tempered Apricot color palette (#FFEEE0, #FFC6B3, #FB8B12, #B07C00, #301A00)
• Rose Studio color palette (#DDFFE7, #F63A31, #795B00, #004583, #52280E)
• Denim Harbor color palette (#FFF4E0, #FFA299, #AA7E00, #1354AB, #441901)

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