Tempered Amber color palette — #F5E5E3 · #C5982A · #6C2D4D · #310D20 · #0E0202

Mustard and Mulberry set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#F5E5E3): bright and airy, almost weightless.
• Mustard (#C5982A): A luminous, balanced gold — the color of old brass.
• Mulberry (#6C2D4D): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Deep Indigo (#310D20): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Ink (#0E0202): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Washed Amber Bloom color palette (#F7D6C6, #BB8C00, #721800, #2E0500, #070100)
• Hushed Mustard Boulevard color palette (#FFEDE9, #CFAF69, #7A4249, #3D1D14, #130A07)
• Taupe Loft color palette (#F2EBFC, #97A364, #602F50, #37102C, #191320)
• Tempered Bronze Quarry color palette (#FCE8E5, #987200, #520025, #101912, #170006)
• Worn Boulevard color palette (#FFE7E7, #EE734D, #A45400, #523600, #1B1500)
• Dusty Blush color palette (#FDEEEB, #E37B95, #935200, #89324C, #0D0400)
• Hushed Chartreuse color palette (#FFF1F4, #A3E591, #7A5282, #371B3C, #090203)
• Misty Lagoon color palette (#FBE6C6, #E1563A, #7D5000, #004146, #261203)

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