Amber Courtyard color palette — #FFD4D4 · #FFAF89 · #E78600 · #997E00 · #3E4100

Mustard and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFD4D4): A whisper-light, dusty red — the color of late-summer berries.
• Melon (#FFAF89): A whisper-light, balanced orange — the color of autumn markets.
• Mustard (#E78600): A luminous, vivid gold — the color of afternoon light on wheat.
• Olive Leaf (#997E00): A luminous, balanced green — the color of a quiet forest floor.
• Deep Olive (#3E4100): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged 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

• Weathered Amber color palette (#FFEAE4, #FFA555, #C69700, #828100, #2A4B11)
• Gentle Apricot color palette (#FFE8E1, #FF995F, #C07400, #805A00, #4D3C00)
• Powdered Tangerine color palette (#FFCFE8, #FF9FB1, #FF653C, #C16900, #503800)
• Amber Balcony color palette (#F5E2D9, #C98800, #8E7C00, #435E00, #002B0D)
• Misty Workshop color palette (#FFEBD7, #E7C549, #DB9142, #B2685C, #303A12)
• Wandering Marigold color palette (#FFF4DF, #FDCF50, #DA9C00, #9E7500, #312100)
• Honey Lagoon color palette (#FFDBC0, #F5C552, #ADB547, #678F5B, #41443D)
• Aged Honey color palette (#FFF3E3, #F9B831, #63C0FF, #C38C00, #003F60)

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