Tempered Amber color palette — #EDF4EE · #B28F42 · #8E5A8F · #6F3244 · #21141B

A conversation between Mustard and Slate, giving this palette its sense of optimism and creativity.

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Mustard (#B28F42): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#8E5A8F): A full-bodied, balanced pink — the color of peonies in June.
• Oxblood (#6F3244): A full-bodied, balanced red — the color of late-summer berries.
• Ink (#21141B): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.

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

• Dusty Veranda color palette (#E7F5F9, #3FA1A8, #6165B6, #5F3965, #1F1521)
• Muted Plum color palette (#ECF2FB, #688CCB, #9B4F85, #713C40, #28171E)
• Ancient Market color palette (#F1F8EA, #129471, #6C558F, #644163, #37332D)
• Washed Iris color palette (#EBF9F4, #B6CA88, #8B7BCD, #925F48, #142721)
• Antique Alley color palette (#F5F7E7, #83B87A, #3795AE, #7E5B3C, #38352F)
• Quiet Emerald color palette (#E4F6F6, #009F69, #A04222, #563C00, #001510)
• Dusty Pier color palette (#E0F8F3, #6BBCB4, #2D8694, #4C4D76, #193036)
• Muted Corridor color palette (#EBF4F4, #D1D8DD, #ACAEBA, #53917F, #303838)

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