Amber Courtyard color palette — #FFF2EF · #E2C9FF · #F398B2 · #BB782C · #443C39

Mustard and Ballet Pink set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Thistle (#E2C9FF): A whisper-light, dusty violet — the color of a velvet chair.
• Ballet Pink (#F398B2): A luminous, balanced red — the color of late-summer berries.
• Mustard (#BB782C): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal (#443C39): a grounded near-black with real depth.

Feels like: Optimism, Creativity, Sophistication. Tagged candy, vibrant, light, 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 Mallow Ridge color palette (#FFF1F3, #DADEFF, #E698E4, #C87264, #572F2E)
• Ancient Apricot color palette (#FFF2EB, #F8D4D3, #FCA895, #9F9456, #49433E)
• Linen Bronze Lantern color palette (#FFD9E2, #E28A8D, #B15F45, #81471C, #484A20)
• Ember Cabin color palette (#F8EEFA, #FFC6E3, #FFA6B3, #DF644C, #321C33)
• Ancient Bronze color palette (#FFF1F2, #C9A597, #A8783F, #526D5E, #3F5649)
• Chalky Blush Courtyard color palette (#FFF2E4, #FF8C97, #BD7A00, #4D6B00, #2F2000)
• Apricot Veranda color palette (#FFF3E8, #FFA9B6, #FB8F00, #768E00, #4A3200)
• Antique Chestnut Parlor color palette (#FFF2EA, #CE8E71, #3C96B4, #984E2B, #004A5F)

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