Ancient Courtyard color palette — #FFF2EE · #E9A496 · #C26F49 · #875329 · #515049

Caramel and Coffee set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Melon (#E9A496): A luminous, balanced orange — the color of sun-warmed clay.
• Caramel (#C26F49): A luminous, balanced orange — the color of sun-warmed clay.
• Coffee (#875329): A full-bodied, balanced gold — the color of old brass.
• Charcoal Brown (#515049): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Ancient 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

• Ancient Azure color palette (#FFF2E9, #D6A385, #51A2D1, #A16037, #2F5649)
• Muted Studio color palette (#FDF3EC, #CAB39D, #A0755F, #884B2B, #624000)
• Hushed Stone color palette (#FFEFFC, #FFC3B3, #E9A78A, #B78160, #624351)
• Hushed Amber color palette (#FFF3E7, #D6B47A, #A58717, #6E6725, #54524B)
• Raspberry Canyon color palette (#FFF1F2, #D798BD, #BE6088, #8E505E, #534B48)
• Tangerine Pier color palette (#FFE1D9, #F48313, #A15F00, #694700, #333F06)
• Hushed Delta color palette (#FFF3E8, #C4895C, #119F89, #7B6D9C, #47413C)
• Tempered Bronze color palette (#F3E8D9, #957300, #534A00, #2F3100, #172000)

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