Tempered Amber color palette — #D4E3D3 · #B08400 · #4C2F00 · #221200 · #000B07

Mustard takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Celadon Mist (#D4E3D3): A whisper-light, dusty green — the color of a quiet forest floor.
• Mustard (#B08400): A luminous, balanced gold — the color of old brass.
• Espresso (#4C2F00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#221200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#000B07): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Muted Amber Boulevard color palette (#E6F2E8, #C19423, #573E00, #2D1F00, #061613)
• Misty Bronze Cabin color palette (#EBDBC9, #DDB061, #A36C00, #644000, #130900)
• Bronze Balcony color palette (#E3F5E9, #9A7300, #302600, #0D0900, #000203)
• Pale Alley color palette (#EBD7E8, #B08400, #641216, #2F0405, #140513)
• Eclipse Chestnut Harbor color palette (#C8EEEB, #785900, #262229, #001A06, #000301)
• Aged Moss Hollow color palette (#F3F0D9, #7B9600, #2E6800, #004126, #002C25)
• Aged Olive Delta color palette (#C8E8CE, #777F00, #005D30, #2F246E, #002B24)
• Gentle Canyon color palette (#C9E8CB, #815A00, #005C75, #3F2075, #09200D)

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