Tempered Amber color palette — #FFF2EF · #FFD2B7 · #D1942D · #876F29 · #204C3C

Mustard takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Peach Cream (#FFD2B7): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#D1942D): A luminous, balanced gold — the color of old brass.
• Walnut (#876F29): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#204C3C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. 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

• Timeworn Sunflower color palette (#FFF3E4, #FFCD5D, #A8AB4A, #6C7D41, #124C46)
• Marigold Boulevard color palette (#FFEBDD, #E0A400, #917800, #4E5400, #153000)
• Marigold Chapel color palette (#FFF1F1, #FAB290, #D39F54, #928A3E, #495127)
• Sand Villa color palette (#E7FCE8, #E7DEAD, #B49971, #87614A, #213730)
• Honey Ridge color palette (#E6FCE8, #FFCB72, #9ABAFF, #AF8026, #263955)
• Timeworn Coral Meadow color palette (#FFF0F8, #FFCFD7, #ED8479, #915A3E, #53313D)
• Worn Taupe color palette (#DCFFEA, #FFECBB, #AEA046, #716018, #231D00)
• Timeworn Bronze color palette (#F0E2DB, #B06C00, #644900, #2D2800, #020400)

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