Amber Courtyard color palette — #EEDBDE · #FF9D84 · #E77A00 · #936900 · #42420F

A conversation between Tangerine and Melon, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#EEDBDE): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#FF9D84): A luminous, balanced orange — the color of toasted spice.
• Tangerine (#E77A00): A luminous, vivid gold — the color of honey in a jar.
• Ochre (#936900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#42420F): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, 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

• Linen Basin color palette (#FFEAE5, #E78C5D, #BE6900, #814F00, #473306)
• Marigold Courtyard color palette (#FFE0D5, #F1A94E, #C19A00, #7B7B00, #29411A)
• Weathered Rose color palette (#FBDFF4, #FF97B3, #F7575D, #B04F13, #56380C)
• Muted Amber Courtyard color palette (#F9D9CC, #C87100, #826700, #505300, #001702)
• Amber Alley color palette (#FADFEA, #D9BE81, #CE8D58, #A26763, #12382C)
• Marigold Dune color palette (#FFF1E1, #F4C778, #D79600, #9F6B00, #2B1D00)
• Worn Amber Garden color palette (#FDE7F3, #FFA577, #84B0FF, #DA6F31, #233556)
• Hushed Atelier color palette (#EFDEF4, #B2B8FF, #FB9F36, #674452, #22171B)

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