Amber Courtyard color palette — #F7EADB · #B58400 · #7C5100 · #502C00 · #181100
A conversation between Mustard and Coffee, giving this palette its sense of optimism and balance.
The five colors
- Cream (#F7EADB): A whisper-light, dusty gold — the color of old brass.
- Mustard (#B58400): A luminous, balanced gold — the color of honey in a jar.
- Coffee (#7C5100): A full-bodied, balanced gold — the color of old brass.
- Espresso (#502C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#181100): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Balance, Grounding. Tagged earthy, warm, 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 Boulevard color palette (#F6DAC6, #C5895B, #8E5330, #5B3122, #251300)
- Hushed Atelier color palette (#FFF3E5, #DAB83E, #AC6F00, #7B3612, #181A00)
- Wandering Bronze Station color palette (#FBF0E0, #CBB994, #A17C3A, #774E06, #312C1E)
- Antique Moss color palette (#F7E9BC, #9CAA3F, #726F00, #4F4300, #201D00)
- Chestnut Loft color palette (#EDE4D8, #775E00, #473200, #241400, #030100)
- Rose Atelier color palette (#FFE6E8, #FF364A, #B21A00, #5D2200, #1E0A00)
- Plum Workshop color palette (#FEEBEB, #B80091, #854B00, #003582, #1A0012)
- Hushed Peony color palette (#FFE7E5, #FD329E, #9B3400, #8B0052, #090200)
Browse the whole catalog at Explore, or see today's palette.