Amber Courtyard color palette — #FFF2E9 · #D8A480 · #B07D49 · #7F5D31 · #555000

Caramel takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Camel (#D8A480): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#B07D49): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#7F5D31): A full-bodied, dusty gold — the color of old brass.
• Deep Olive (#555000): A full-bodied, balanced green — the color of new leaves after rain.

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

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

• Aged Cocoa Parlor color palette (#FFF2EE, #E6A39E, #BA7366, #8D5847, #7A4217)
• Weathered Driftwood color palette (#FFF3E3, #D1BA7E, #988741, #70692E, #4C4B43)
• Timeworn Bronze color palette (#FEF4E3, #DADFC7, #9FBFAC, #A7793E, #6C4D00)
• Softworn Meadow color palette (#FFF0FD, #E8B5A1, #CA8F5F, #956E1C, #2A533F)
• Aged Cabin color palette (#FFF3E7, #CFA782, #B586B3, #996631, #654247)
• Chalky Amber Balcony color palette (#F3E5D6, #CC8F00, #936D00, #625000, #2C4310)
• Dusty Harbor color palette (#FFF3E3, #B2935E, #659869, #A06268, #46423B)
• Patina Olive color palette (#E4EDB9, #99AB66, #6A8B38, #3E6226, #484942)

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