Amber Alley color palette — #FAF1FF · #F3B5B0 · #C8866A · #977146 · #385642

Caramel and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FAF1FF): A whisper-light, dusty violet — the color of wild irises.
• Rose Quartz (#F3B5B0): A whisper-light, dusty orange — the color of toasted spice.
• Caramel (#C8866A): A luminous, balanced orange — the color of toasted spice.
• Walnut (#977146): A full-bodied, dusty gold — the color of honey in a jar.
• Charcoal Brown (#385642): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, 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

• Patina Taupe Field color palette (#FFF0F8, #EABF91, #AE9853, #76844E, #2E5853)
• Chestnut Boulevard color palette (#FFF2EE, #DCA197, #B67358, #925724, #57524C)
• Dusty Amber color palette (#EFF8EE, #E0BD96, #67C0D1, #B38141, #2A5364)
• Aged Chestnut Study color palette (#FFF1F5, #F6CEA8, #BB906A, #865B34, #223E22)
• Softworn Station color palette (#F4F4FF, #EEBAE5, #CD859A, #9E6366, #674A59)
• Faded Pier color palette (#FFE5E3, #E98241, #A06C00, #524F00, #283700)
• Ash Chapel color palette (#FEF1F8, #BAD2BA, #B58EA4, #846B85, #3B4C43)
• Worn Amber Harbor color palette (#FFEBE0, #B98000, #6D6400, #3C4900, #002707)

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