Amber Courtyard color palette — #F9EEF4 · #D58561 · #837035 · #3B5434 · #2E203A

Coral Clay and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F9EEF4): bright and airy, almost weightless.
• Coral Clay (#D58561): A luminous, balanced orange — the color of toasted spice.
• Walnut (#837035): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#3B5434): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Indigo (#2E203A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, 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

• Patina Blush Ridge color palette (#F7EEFB, #D67C99, #9C6044, #5A4A19, #222441)
• Muted Taupe Studio color palette (#FEF2ED, #C3867C, #717540, #006060, #55374C)
• Patina Alley color palette (#E9F6EB, #BE9548, #5F7C4C, #653E52, #391B2F)
• Timeworn Marigold color palette (#FFECF4, #EBAF76, #B18140, #6F542B, #28402E)
• Hazy Bronze color palette (#FFECF2, #B77000, #5A6100, #00442D, #34000D)
• Patina Rust color palette (#F7E9F1, #C26539, #4A343E, #251B21, #0F0B0E)
• Moss Alley color palette (#E8F6EE, #9F8F00, #2E7548, #004A50, #321600)
• Aged Driftwood Boulevard color palette (#FFECF4, #C1D5BF, #7B9983, #576F6D, #2E4244)

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