Amber Alley color palette — #FFF2EE · #F7C6FF · #FFA4B2 · #D08400 · #5B2819

A conversation between Mustard and Ballet Pink, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Thistle (#F7C6FF): A whisper-light, balanced pink — the color of peonies in June.
• Ballet Pink (#FFA4B2): A luminous, balanced red — the color of a theater curtain.
• Mustard (#D08400): A luminous, balanced gold — the color of honey in a jar.
• Espresso (#5B2819): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

One click turns Amber Alley 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

• Tangerine Drift color palette (#FFF1F2, #DCD4FF, #FF9FE8, #F86514, #57222D)
• Gentle Mustard Lantern color palette (#FFF2EB, #FFC9D5, #FFB187, #B8A500, #462A00)
• Pale Coral color palette (#FFEEE7, #FFAAE4, #FF7577, #AD8800, #401300)
• Ancient Balcony color palette (#FFEFFF, #FFAECC, #FF8898, #D95432, #572223)
• Timeworn Garden color palette (#F4D8DC, #FF8672, #D06700, #8F5C00, #503900)
• Washed Studio color palette (#FFE0E0, #FAA8A8, #C28C4E, #36729D, #314C6B)
• Weathered Apricot color palette (#FFEFFF, #E9D7D8, #B1B09F, #FD8C36, #46160B)
• Hushed Thicket color palette (#FFF3E2, #FFABA2, #EAA900, #00A63C, #332800)

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