Tempered Amber color palette — #F9F3F7 · #E7D8D7 · #CAB3A5 · #BF7357 · #372A32

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Bone (#E7D8D7): bright and airy, almost weightless.
• Rosewood Mist (#CAB3A5): A luminous, dusty gold — the color of old brass.
• Caramel (#BF7357): A luminous, balanced orange — the color of toasted spice.
• Espresso (#372A32): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Tempered Atelier color palette (#FAF3F5, #CFD9DA, #B7BAC4, #CE8E53, #493A40)
• Hushed Chestnut color palette (#FAEFEA, #DAD6C6, #BFB6A6, #915042, #271E1A)
• Bronze Studio color palette (#EDF9EF, #C7E5E1, #9BC7DA, #A07700, #152A1A)
• Hushed Apricot color palette (#E5FCE9, #E8A76C, #9B7828, #006136, #311C00)
• Driftwood Veranda color palette (#ECF9EF, #B1DCC4, #8B8F4F, #865638, #0F2F20)
• Ancient Grove color palette (#DAE6E0, #B1BEB9, #7C9991, #423E00, #000201)
• Mustard Workshop color palette (#FFF1F6, #E4DCD2, #C0D49E, #D7A400, #2C1700)
• Amber Atelier color palette (#FFF1F5, #C27500, #233C27, #200410, #030001)

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