Tempered Amber color palette — #F8E0C7 · #D3AA6F · #B68249 · #8F5E39 · #322000

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

The five colors

• Parchment (#F8E0C7): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#D3AA6F): A luminous, balanced gold — the color of old brass.
• Caramel (#B68249): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#8F5E39): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#322000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

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

• Softworn Bronze Studio color palette (#F7E5CD, #D5BE99, #B79869, #987146, #33302A)
• Faded Bronze color palette (#FBECD3, #B39F42, #997700, #775200, #191700)
• Bronze Villa color palette (#FFF1F6, #C7B07B, #A96300, #792709, #00170E)
• Bronze Pier color palette (#FEE2EC, #AC7C32, #794800, #4D2500, #150D00)
• Timeworn Cocoa color palette (#FEF3E9, #EAD6BF, #D0AF8F, #A98B75, #614000)
• Patina Bronze color palette (#E3F2DB, #00B699, #BC6511, #746400, #001804)
• Tempered Iris color palette (#D1E5C9, #00B5A1, #688FDD, #837500, #00201C)
• Chalky Mustard color palette (#DAE1D2, #B6C25B, #028E69, #00563F, #070E01)

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