Amber Courtyard color palette — #F5DDE6 · #B88A00 · #592F00 · #2B1400 · #1C0811

Mustard takes the lead with Cocoa close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#F5DDE6): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#B88A00): A luminous, balanced gold — the color of old brass.
• Cocoa (#592F00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#2B1400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#1C0811): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Amber Coast color palette (#CDE5D8, #AC862B, #3B3700, #191700, #000909)
• Patina Garnet Bloom color palette (#F4DBF5, #B88A00, #720025, #39000E, #19071B)
• Soft Mustard color palette (#FFDDC3, #C3AB00, #8C4400, #4A2100, #1D0900)
• Dusty Mustard Ridge color palette (#F7E0CA, #F9AE0E, #B46A00, #714100, #1A0C00)
• Hazy Amber color palette (#E7F7E7, #BE8000, #00653F, #603F00, #00170B)
• Patina Coast color palette (#E7FAF6, #C5AB74, #355D26, #1B3610, #112623)
• Nightshade Harbor color palette (#FFD9E5, #925900, #006475, #3500A8, #2F1A00)
• Antique Nightshade Market color palette (#CCEFD3, #8B7F00, #0D6410, #2404A4, #262D00)

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