Amber Courtyard color palette — #FFEDE7 · #EFA554 · #B6890E · #6C7132 · #4D4E46

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

The five colors

• Cream (#FFEDE7): A whisper-light, dusty orange — the color of autumn markets.
• Apricot (#EFA554): A luminous, balanced gold — the color of old brass.
• Mustard (#B6890E): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#6C7132): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#4D4E46): quiet, heavy and certain.

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

• Gentle Mustard Bloom color palette (#FFE2C8, #DABF4F, #8CA138, #447443, #444740)
• Dusty Amber Drift color palette (#FFE4EA, #FFA697, #CC7334, #866621, #4B491F)
• Soft Marigold color palette (#FFF2ED, #FAC895, #C69A3A, #7F7100, #354115)
• Hazy Mustard Alley color palette (#FBF5E3, #C3BC5A, #77A6EB, #89833C, #2D4363)
• Muted Boulevard color palette (#FFF4E1, #BBC48F, #A38D5A, #865F47, #3D4100)
• Linen Amber Thicket color palette (#FDE0CC, #C79100, #817A00, #286200, #003821)
• Hushed Terrace color palette (#FFF3E2, #C1FDD7, #9EEADE, #BE8D78, #5C4800)
• Emerald Harbor color palette (#EFE9DA, #ABBC00, #22A119, #007B55, #004748)

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