Amber Courtyard color palette — #F9D7C4 · #C37D00 · #706A00 · #254500 · #001A0C

Mustard and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Peach Cream (#F9D7C4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#C37D00): A luminous, balanced gold — the color of old brass.
• Olive (#706A00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#254500): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#001A0C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Wandering Amber color palette (#FFDAC7, #CF9000, #706300, #1E3700, #000602)
• Faded Ember Corridor color palette (#F8E5E4, #E06336, #835400, #453E00, #121C00)
• Weathered Terrace color palette (#E9E0D2, #A09500, #327700, #00422C, #001B19)
• Bronze Villa color palette (#EBE3D3, #917D00, #524F00, #262B00, #101B00)
• Powdered Aubergine Terrace color palette (#FEEAD0, #B26F00, #476300, #3A1B82, #1D1500)
• Olive Terrace color palette (#E5E3D1, #548300, #005A33, #002C29, #000406)
• Tempered Chestnut color palette (#EDE4DB, #CAC4B5, #A7A691, #855400, #271D12)
• Faded Balcony color palette (#F1EADD, #AFAC00, #429300, #00623F, #00332F)

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