Tempered Amber color palette — #FFF2EA · #FFD19B · #B9961C · #6E732E · #16473E

Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Peach Cream (#FFD19B): A whisper-light, balanced gold — the color of honey in a jar.
• Mustard (#B9961C): A luminous, balanced green — the color of fresh herbs.
• Olive (#6E732E): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#16473E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

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

• Washed Amber Pier color palette (#FFF2F0, #FFC6B2, #DA873D, #926D37, #264E38)
• Ancient Bronze color palette (#FFE3C6, #C69E60, #9C7B00, #605B00, #264F30)
• Antique Boulevard color palette (#FFF5D8, #E4E577, #9EB54D, #55814F, #114546)
• Straw Study color palette (#E8FBEE, #DAE4A1, #AD9D67, #825F6B, #1C3733)
• Sunflower Corridor color palette (#E2FDED, #E7D668, #A4B7FB, #998B2D, #2D3658)
• Linen Mustard Terrace color palette (#DAFFF0, #F2F59E, #ADAD4F, #5E6728, #222600)
• Mustard Grove color palette (#FFE5BB, #D4B100, #819200, #416000, #002C14)
• Aged Bronze color palette (#F2DCCA, #A77900, #584D00, #192300, #000200)

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