Amber Courtyard color palette — #FFF2EC · #FFB696 · #C88D58 · #8E7A4B · #4D4B44

Built around Mustard, softened by Melon — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Melon (#FFB696): A whisper-light, balanced orange — the color of autumn markets.
• Mustard (#C88D58): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#8E7A4B): A full-bodied, dusty gold — the color of honey in a jar.
• Charcoal Brown (#4D4B44): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged 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 Bronze Loft color palette (#FFF3E6, #DBC8A6, #B49575, #A0643D, #564600)
• Dusty Coral color palette (#FFE7E7, #FFB2C7, #CD8182, #A06F63, #534D48)
• Dusty Atelier color palette (#FFF0FE, #FFC7B9, #DDA76E, #AF883A, #2D5A47)
• Timeworn Mustard Drift color palette (#FFEBD3, #D8C475, #A1A758, #6B7F52, #4C4E47)
• Weathered Bloom color palette (#FFF3E6, #E0A35B, #69ACE0, #AB849F, #47413C)
• Amber Orchard color palette (#FFEBDB, #C58800, #867500, #525A00, #1B3B00)
• Pale Moss color palette (#EEDDC1, #988B00, #5A6800, #224E00, #002913)
• Chestnut Study color palette (#F8E7E1, #9B5000, #5D4000, #2C2500, #070800)

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