Tempered Amber color palette — #EEE3D5 · #AD8733 · #7B5200 · #4F2D00 · #181100

A conversation between Mustard and Coffee, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#EEE3D5): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#AD8733): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#7B5200): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#4F2D00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#181100): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Amber Summit color palette (#F7D9B5, #A58C21, #7D5000, #642700, #272C00)
• Amber Harbor color palette (#FBEAF4, #CF712D, #963B00, #651300, #1F0D00)
• Weathered Bronze color palette (#DBE9DA, #8D6B2D, #5E3B00, #361B00, #080500)
• Patina Villa color palette (#CEF3E2, #9BA85E, #706F1A, #4F4400, #162000)
• Timeworn Station color palette (#E2FEE0, #D7B946, #AB6F00, #7F3300, #171B00)
• Tempered Driftwood Drift color palette (#EAF5ED, #A9C2B2, #6C8C74, #495F4A, #1D3127)
• Patina Cocoa color palette (#F8E3FF, #00696D, #654400, #2E3500, #000603)
• Faded Jade Thicket color palette (#CFE3FC, #00B075, #003C7D, #001533, #00030A)

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