Amber Courtyard color palette — #E9FAED · #E9D297 · #9CB9FD · #A98400 · #28375B

Mustard takes the lead with Sky close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#E9FAED): A whisper-light, dusty teal — the color of shallow lagoons.
• Wheat (#E9D297): A whisper-light, balanced gold — the color of old brass.
• Sky (#9CB9FD): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#A98400): A luminous, balanced gold — the color of honey in a jar.
• Navy (#28375B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Balance. Tagged light.

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

• Hazy Amber Lantern color palette (#FFF1F7, #FEC79F, #74C3FF, #CD6D00, #163C57)
• Soft Moss color palette (#EAF9F4, #CBDE9B, #CCA7F7, #7D9600, #432B5B)
• Apricot Veranda color palette (#E6FBEE, #BEE8EA, #91B1CB, #D2A267, #2C4C3F)
• Washed Bronze Market color palette (#ECF9EF, #C1E8D2, #B39B63, #896233, #18392E)
• Aged Ridge color palette (#FEF4E3, #C39900, #6588CF, #7D6100, #543751)
• Linen Cabin color palette (#E2FDEC, #CBBB79, #3BBCD8, #C370B0, #0C3320)
• Lapis Orchard color palette (#CBEDD9, #8F7F00, #4C49E5, #453C00, #01000A)
• Iris Workshop color palette (#DAFFEF, #C6CA28, #8776EF, #6E7000, #200059)

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