Amber Alley color palette — #FFF3E7 · #E8DCB6 · #E8B9E8 · #C58C57 · #5D3B41

A conversation between Mustard and Carnation, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Wheat (#E8DCB6): A whisper-light, dusty green — the color of a quiet forest floor.
• Carnation (#E8B9E8): A whisper-light, balanced pink — the color of peonies in June.
• Mustard (#C58C57): A luminous, balanced gold — the color of afternoon light on wheat.
• Cocoa (#5D3B41): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. Tagged light, muted.

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

• Tempered Apricot color palette (#FFF3E7, #F3CDAC, #A4C9FE, #DD9654, #5B445B)
• Amber Ridge color palette (#FFF2EB, #EDD7BE, #B7D7A7, #CF836B, #4A4900)
• Washed Bronze color palette (#FFF3E6, #DFDDBF, #C3A98E, #A26D3A, #553900)
• Hushed Driftwood Corridor color palette (#F8F5EB, #C3E1CB, #9B843C, #564400, #1E1B12)
• Taupe Cabin color palette (#FBF5E4, #F2E8A6, #8CDCDE, #A79B52, #364D38)
• Tempered Loft color palette (#F8F7E0, #C4E0A1, #F6A291, #769746, #3E3733)
• Softworn Bronze color palette (#FEF1F6, #D8A379, #B882BD, #A0612A, #4E4866)
• Bronze Garden color palette (#FEECF3, #D5A985, #759DDD, #9E6126, #213248)

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