Amber Courtyard color palette — #FFF3E7 · #D27800 · #3E3B35 · #221000 · #040100

Mustard and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Mustard (#D27800): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal (#3E3B35): quiet, heavy and certain.
• Ink (#221000): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#040100): quiet, heavy and certain.

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

• Timeworn Corridor color palette (#FFF2EC, #F05745, #563204, #250E04, #060000)
• Washed Veranda color palette (#FFF5D3, #989800, #204524, #1B1500, #030100)
• Wandering Amber color palette (#F2DAE3, #E38800, #80612C, #583643, #1A0D14)
• Bronze Balcony color palette (#F6E7D8, #995A00, #392500, #1B0C00, #080200)
• Ancient Ridge color palette (#F5F7E4, #8DBE7F, #4E5848, #2B2C20, #110F0A)
• Mustard Grove color palette (#FDF8C1, #D3C52E, #777FE8, #9E57AC, #262200)
• Amber Hollow color palette (#FFF2EB, #FFC788, #B39000, #6B6C00, #213B00)
• Hushed Moss color palette (#FEF4E4, #DBDE9F, #69A44D, #885978, #303100)

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