Tempered Amber color palette — #F7E0DF · #E99C8E · #C17148 · #7D2F45 · #341A30

Caramel and Oxblood set the tone — five colors that lean into optimism and warmth.

The five colors

• Rose Water (#F7E0DF): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#E99C8E): A luminous, balanced orange — the color of toasted spice.
• Caramel (#C17148): A luminous, balanced orange — the color of toasted spice.
• Oxblood (#7D2F45): A full-bodied, balanced red — the color of a theater curtain.
• Deep Indigo (#341A30): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged pastel, light, 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

• Coral Garden color palette (#E4DDEC, #F18DA8, #D4676C, #753266, #3C1727)
• Ancient Amber Loft color palette (#F7E3FA, #D6A090, #C27D2F, #762D55, #1F0001)
• Marigold Market color palette (#EFE1E8, #FFA751, #B1842D, #7E3A22, #371900)
• Amber Canyon color palette (#F8DFD9, #FFA694, #D3923E, #9A4D77, #411215)
• Washed Atelier color palette (#FFF0FC, #E9DBCA, #D7C794, #A77377, #574250)
• Tempered Canyon color palette (#F9EDDF, #C39734, #797100, #4F2700, #100700)
• Powdered Orchid color palette (#ECE1F0, #F4C2A8, #BBBF70, #A75AC7, #41120A)
• Aged Powder Market color palette (#FFF1F6, #C2EAEF, #9DCBD9, #A58696, #4A5549)

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