Amber Courtyard color palette — #FAECFF · #F0A7A7 · #C4744B · #7A571C · #1A3A2A

A conversation between Caramel and Coffee, giving this palette its sense of optimism and balance.

The five colors

• Blush (#FAECFF): A whisper-light, dusty pink — the color of a candy shop window.
• Rose Quartz (#F0A7A7): A luminous, balanced red — the color of a theater curtain.
• Caramel (#C4744B): A luminous, balanced orange — the color of toasted spice.
• Coffee (#7A571C): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#1A3A2A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Balance. 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

• Ancient Market color palette (#FFF0FC, #EB9982, #BA7653, #815B35, #3C503D)
• Weathered Coral Alley color palette (#F3EFFF, #EAA2BB, #CB6878, #874C31, #4B2D38)
• Patina Bronze color palette (#FAEEF4, #E5A181, #63A2DA, #A65A34, #203345)
• Dusty Dune color palette (#FFE6F2, #D7AA74, #9D8815, #53622B, #173B37)
• Bronze Market color palette (#E3F9E1, #EBC79D, #AC7A39, #6C4215, #10250F)
• Driftwood Chapel color palette (#FAEEF3, #AAC3AD, #A87656, #6A4C69, #203029)
• Tangerine Harbor color palette (#F5DAD7, #F67000, #985C00, #584700, #232C00)
• Tempered Bronze Grove color palette (#F9E5D9, #906600, #574B00, #1B2D00, #000E04)

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