Tempered Amber color palette — #F1DABF · #B48428 · #7F4F00 · #5B3000 · #352600

Built around Mustard, softened by Coffee — the whole palette hums with optimism and balance.

The five colors

• Peach Cream (#F1DABF): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#B48428): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#7F4F00): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#5B3000): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#352600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, 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

• Ancient Boulevard color palette (#F3E5DA, #B48E6C, #8C5328, #712C00, #342F2A)
• Pale Moss color palette (#E6DEC3, #899640, #605F00, #463C00, #212E00)
• Mustard Courtyard color palette (#FDD7A8, #EAAB26, #CA8300, #A45D00, #342700)
• Bronze Alley color palette (#FCEDDE, #936E37, #633B00, #3F1E00, #1F1400)
• Chalky Grove color palette (#FAD7B2, #C2A138, #A66800, #8A3300, #292C00)
• Tempered Bronze Lantern color palette (#FBF4EA, #C4B69E, #A07839, #755731, #5B4400)
• Velvet Meadow color palette (#ECE4D6, #655A03, #362A00, #180F00, #040400)
• Tempered Mulberry Studio color palette (#EAE7BF, #557400, #A5003F, #662600, #182400)

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