Amber Alley color palette — #F8DEC2 · #C08400 · #856100 · #503E00 · #20310B

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

The five colors

• Peach Cream (#F8DEC2): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#C08400): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#856100): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#503E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Forest (#20310B): 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 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

• Amber Garden color palette (#FFE1D5, #E18100, #986E00, #615600, #2B3C00)
• Moss Harbor color palette (#E9E7D8, #9E9D00, #676E00, #384900, #003621)
• Faded Ember Courtyard color palette (#FFDED4, #EE6700, #904500, #653500, #372E00)
• Airy Bronze Pier color palette (#EFE6B7, #998400, #008080, #5B4E00, #003635)
• Antique Lantern color palette (#FEF38E, #A39500, #645D00, #373300, #1F1C00)
• Soft Terracotta color palette (#E5E2CC, #817100, #007655, #971D00, #2A2400)
• Weathered Clover Hollow color palette (#FBF9C3, #CBE090, #7DBC50, #725B00, #353B00)
• Tempered Loft color palette (#DEFFE2, #C5AB72, #95823F, #6A6124, #34594A)

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