Amber Courtyard color palette — #FFF3E7 · #C47400 · #38342E · #1A0B00 · #030100

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 (#C47400): A luminous, balanced gold — the color of honey in a jar.
• Espresso (#38342E): quiet, heavy and certain.
• Ink (#1A0B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#030100): a grounded near-black with real depth.

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

• Moss Lagoon color palette (#F9F5E5, #8C9127, #35362F, #140F00, #020100)
• Amber Veranda color palette (#F2E4D7, #E07F00, #745F10, #593200, #130B08)
• Rose Station color palette (#FFF2EE, #D95A68, #552600, #1F0703, #030000)
• Twilit Chestnut Terrace color palette (#EDE3D7, #815500, #273331, #161200, #020100)
• Weathered Fern color palette (#F8F6E7, #A8B774, #545A0C, #2E2B1A, #120F08)
• Hushed Raspberry color palette (#FFF5D6, #B0AA42, #00A5D2, #BF4E92, #231A00)
• Shadow Pine Lagoon color palette (#E3E9D2, #008E47, #182B0A, #081213, #030400)
• Weathered Ridge color palette (#F5F9DA, #2FAF11, #004833, #021C00, #020200)

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