Tempered Amber color palette — #FFF1F4 · #FFA69B · #D17833 · #714D00 · #2B2A00

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Melon (#FFA69B): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#D17833): A luminous, balanced gold — the color of old brass.
• Bronze (#714D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#2B2A00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Antique Coral Terrace color palette (#FFF0FC, #FFA2BC, #DD6E75, #8F3C0D, #3C2200)
• Gentle Parlor color palette (#FFF2EE, #FEB066, #B68500, #636700, #123201)
• Washed Amber Delta color palette (#FFE1DB, #F5A182, #DF7B2C, #A96300, #4A3200)
• Cocoa Parlor color palette (#FFF1F7, #DAC599, #B07D58, #814342, #01291D)
• Amber Balcony color palette (#FFF3E5, #FFD896, #B87C20, #663E00, #1A1000)
• Wandering Bronze color palette (#FFE8E2, #B26B00, #5C4800, #242200, #000200)
• Hazy Cabin color palette (#FFE5E5, #E76138, #935100, #433200, #0D1200)
• Washed Balcony color palette (#FFF1F5, #F4AF5D, #45B3E5, #A46600, #002C3E)

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