Tempered Amber color palette — #FFF0EB · #F1A893 · #DC8142 · #8E3B4A · #502822

A conversation between Coral Clay and Garnet, giving this palette its sense of optimism and warmth.

The five colors

• Cream (#FFF0EB): bright and airy, almost weightless.
• Melon (#F1A893): A luminous, balanced orange — the color of toasted spice.
• Coral Clay (#DC8142): A luminous, balanced gold — the color of old brass.
• Garnet (#8E3B4A): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#502822): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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 Delta color palette (#FFE8E5, #FDA4B6, #EA6861, #8A4273, #4D2722)
• Weathered Apricot Summit color palette (#FFF2EC, #F2CEB6, #E49D4F, #93504D, #433C38)
• Hazy Lantern color palette (#F9DDC9, #E99D57, #B98100, #842B16, #3A1F04)
• Taupe Harbor color palette (#FFE6E1, #F8A98F, #B69E4E, #6F426D, #301202)
• Frosted Lime Meadow color palette (#FFF3E2, #F2D489, #ADAB00, #955400, #4C3800)
• Ancient Amber color palette (#EBDBCD, #BD7D00, #552800, #260E00, #080500)
• Ancient Amber Boulevard color palette (#F3EADE, #B47C00, #4D5500, #583B00, #110D00)
• Washed Chestnut color palette (#FCF4E5, #DAE2C8, #A6D4AD, #9B815C, #6A4E00)

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