Tempered Amber color palette — #FBE7F2 · #D68A57 · #AF6746 · #874433 · #251000

Mustard takes the lead with Ochre close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#FBE7F2): A whisper-light, dusty pink — the color of neon signs at night.
• Mustard (#D68A57): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#AF6746): A full-bodied, balanced orange — the color of autumn markets.
• Burnt Sienna (#874433): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#251000): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

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

• Soft Terracotta Archive color palette (#EADBE4, #B38050, #9C4019, #66232D, #1F1400)
• Amber Villa color palette (#FFE5F1, #DEA373, #C67846, #99573D, #361E00)
• Chalky Amber color palette (#F8DDC3, #D38E00, #9F7400, #655400, #1C1A00)
• Tempered Rust color palette (#F3E5ED, #EE8C65, #AF7500, #C54800, #060300)
• Muted Brick color palette (#EDD7E9, #E2903A, #AD3B37, #5D2421, #070006)
• Tempered Mustard color palette (#C7E9C9, #E0B037, #C38700, #9E6100, #322800)
• Cocoa Balcony color palette (#F1DDD1, #9C613C, #722A00, #450900, #0B0400)
• Worn Station color palette (#E0F3E8, #86853F, #6E6000, #4F3D00, #030400)

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