Amber Courtyard color palette — #FFF1F7 · #FFA889 · #E58000 · #9E7100 · #492935

A conversation between Tangerine and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Melon (#FFA889): A luminous, balanced orange — the color of toasted spice.
• Tangerine (#E58000): A luminous, vivid gold — the color of honey in a jar.
• Ochre (#9E7100): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#492935): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged candy, vibrant, light, warm.

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 Balcony color palette (#FFF0FA, #FFAFB2, #FF6E46, #B16300, #4A210F)
• Worn Amber Chapel color palette (#EAFAE9, #FFAF7C, #DD8F00, #977D00, #1F3B25)
• Faded Workshop color palette (#FFECF5, #FFA9B9, #EB8122, #7E8127, #0B210B)
• Weathered Apricot Veranda color palette (#FFF3E8, #FFCBD5, #FFA05E, #99A24D, #36312C)
• Sunlit Balcony color palette (#FFDDE8, #F26F1D, #AD6700, #705700, #261600)
• Chalky Blush color palette (#FCF0FF, #FF99CD, #FF7398, #C85A4A, #522428)
• Antique Pier color palette (#EDE2D5, #C48D00, #7F6400, #5C4D00, #413C0A)
• Mustard Cabin color palette (#E8FAF1, #F0BC4D, #BAAE00, #5C8212, #333705)

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