Tempered Amber color palette — #FFF2EE · #FFB78B · #D17A00 · #805900 · #483800

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Cantaloupe (#FFB78B): A whisper-light, balanced gold — the color of honey in a jar.
• Mustard (#D17A00): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#805900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#483800): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Muted Market color palette (#FFE7E5, #FFAB85, #EA8B00, #A27200, #464000)
• Amber Terrace color palette (#FFF1F5, #F9C860, #C78015, #8A4E28, #0A301E)
• Amber Pier color palette (#ECDCCB, #B88800, #7B6500, #363600, #091000)
• Patina Pier color palette (#FFF3E6, #FDC041, #B39A00, #656200, #2D3C00)
• Hazy Meadow color palette (#FDE5E3, #E37E45, #9D5E00, #583C00, #282200)
• Quiet Ember Pier color palette (#FFF1F4, #FFBCB9, #FE4C2F, #9D4100, #472400)
• Periwinkle Market color palette (#E5FDE3, #FFCB8D, #5DA4F0, #AD6F00, #002F59)
• Timeworn Orchard color palette (#ECE7D7, #858000, #525D00, #142C00, #000400)

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