Amber Courtyard color palette — #FFF0FC · #FFC2D8 · #FF9388 · #C87C00 · #4B2518

A conversation between Mustard and Melon, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Shell Pink (#FFC2D8): A whisper-light, dusty rose — the color of a warm blush.
• Melon (#FF9388): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#C87C00): A luminous, balanced gold — the color of honey in a jar.
• Espresso (#4B2518): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Coral Courtyard color palette (#FAF1FF, #F9C4FF, #FF8FBE, #E86E53, #50232C)
• Worn Dune color palette (#FFF1F6, #FFC6C1, #FF9749, #A59400, #213922)
• Apricot Harbor color palette (#FFE5E0, #EF8850, #BE6800, #805100, #4B3B0B)
• Tangerine Courtyard color palette (#FFF2EC, #E6D9D4, #F0C1A0, #E9834A, #380A02)
• Worn Delta color palette (#FFF0FC, #F4B1FF, #F96A61, #908100, #3E202E)
• Gentle Ember Lantern color palette (#FFE4F6, #FF7BA7, #FD4F26, #9E6E00, #2D0E00)
• Worn Study color palette (#F7D8F7, #D6ACC0, #A69264, #3B7479, #2A465C)
• Antique Loft color palette (#EFDAE2, #FF7264, #BE6D00, #6C6600, #130900)

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