Amber Courtyard color palette — #FBF4EE · #DEDCCF · #9BB6B7 · #C67E4C · #502A00

Caramel takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Bone (#DEDCCF): bright and airy, almost weightless.
• Ash (#9BB6B7): A luminous, dusty teal — the color of glacier melt.
• Caramel (#C67E4C): A luminous, balanced gold — the color of afternoon light on wheat.
• Espresso (#502A00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged scandi, muted, 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

• Softworn Taupe color palette (#F8F5EE, #D8DCD2, #A0B5BD, #AA9F65, #433F35)
• Washed Blush Workshop color palette (#FFF2EF, #E1D8CF, #A5B5AE, #D56B84, #462E29)
• Dusty Basin color palette (#FCF4EC, #DDDCCD, #C3C6A9, #A2671F, #281C0F)
• Softworn Coast color palette (#FAF3F6, #EED4D1, #ABC4AC, #A15200, #4D3942)
• Dusty Fern color palette (#F1EEE4, #D3D1BD, #A8A88B, #515100, #040200)
• Ancient Olive Thicket color palette (#F7F6EA, #C2E0D4, #82ADB3, #728A00, #282512)
• Amber Atelier color palette (#FFF3E3, #BD8700, #463B11, #201200, #030100)
• Mustard Chapel color palette (#FFF4E0, #F6AF3F, #9C8500, #00684E, #352500)

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