Tempered Amber color palette — #FFF1F6 · #FF9D62 · #DC8500 · #907100 · #3B2400

Mustard and Apricot set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Apricot (#FF9D62): A luminous, balanced gold — the color of afternoon light on wheat.
• Mustard (#DC8500): A luminous, balanced gold — the color of old brass.
• Ochre (#907100): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3B2400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Balance. Tagged candy, vibrant, 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

• Marigold Terrace color palette (#FFF4DA, #F19A0A, #C59600, #6C6B00, #352A00)
• Tempered Amber Lantern color palette (#FFEFE0, #FFA68A, #E08500, #7B7600, #1A1100)
• Faded Ember color palette (#FFF2EE, #FF929E, #FC3D12, #9C5100, #4E1B00)
• Soft Honey color palette (#DCFFEB, #FBC021, #C6AE00, #679000, #3B3C00)
• Pale Mustard Parlor color palette (#F9EDD8, #B4A300, #637414, #00584E, #093C50)
• Ancient Atelier color palette (#ECF9ED, #D3DDC3, #F4CB8C, #9E995E, #3F5344)
• Antique Bronze color palette (#D7EBDC, #A96900, #806100, #3B3F00, #060400)
• Linen Veranda color palette (#FFF1F7, #FFCEE5, #FFB785, #6FC200, #342B00)

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