Tempered Amber Alley color palette — #FFDDDC · #BF8368 · #785F31 · #004A4B · #022031

Caramel takes the lead with Coffee close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#FFDDDC): A whisper-light, dusty red — the color of late-summer berries.
• Caramel (#BF8368): A luminous, balanced orange — the color of autumn markets.
• Coffee (#785F31): A full-bodied, dusty gold — the color of old brass.
• Forest (#004A4B): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#022031): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Tempered 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

• Hushed Chestnut color palette (#F7DBEA, #A585A5, #935732, #004634, #002225)
• Hushed Archive color palette (#FFECDB, #9B8A48, #596F40, #1B4160, #171F39)
• Washed Bronze Alley color palette (#ECDCE9, #BD91A4, #86763F, #315360, #172838)
• Dusty Summit color palette (#EFDFD9, #9C6C31, #585300, #00303D, #00122F)
• Antique Quarry color palette (#F9DADA, #E19673, #94783A, #1B686A, #173C2E)
• Worn Ember color palette (#F8E7E3, #D75E02, #894A00, #482D00, #1E1300)
• Amber Studio color palette (#FCE5ED, #C57B21, #005FA2, #663A00, #001327)
• Patina Bronze Archive color palette (#FEECFF, #ECA5A8, #9B8628, #456183, #19314C)

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