Tempered Amber color palette — #EAF6EB · #B88C3E · #7280B1 · #505C86 · #1A261B

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

The five colors

• Cream (#EAF6EB): bright and airy, almost weightless.
• Mustard (#B88C3E): A luminous, balanced gold — the color of honey in a jar.
• Slate Blue (#7280B1): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#505C86): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#1A261B): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Creativity, Sophistication. Tagged 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 Drift color palette (#FDF4E4, #A78D45, #6381A8, #466184, #403D36)
• Hushed Courtyard color palette (#E1F8F0, #89A044, #A07099, #74506F, #172622)
• Patina Terrace color palette (#E7F6ED, #978A36, #4B669F, #374C6B, #1F1621)
• Muted Coral Meadow color palette (#FAEDF7, #D77467, #4C8CA8, #35657A, #2B1D29)
• Mustard Loft color palette (#FFECF3, #AFB15F, #4F8571, #5F476A, #1D302C)
• Aged Station color palette (#FCF4E9, #C7A664, #6CA4BD, #7E729E, #533700)
• Pale Amethyst color palette (#DAFCE7, #907B00, #8048BF, #5A2C8B, #001A0C)
• Hushed Drift color palette (#D6FEDE, #BDC283, #6B966C, #12634F, #003536)

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