Tempered Amber color palette — #FFF3E5 · #D6C790 · #B87C1B · #7A4B33 · #26220A

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

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#D6C790): A whisper-light, dusty green — the color of a quiet forest floor.
• Mustard (#B87C1B): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#7A4B33): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#26220A): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Muted Villa color palette (#FFF3E3, #BBB578, #996E00, #6D3500, #161300)
• Bronze Pier color palette (#FCF4E4, #E6DEB3, #AE9D63, #8E6025, #32322B)
• Soft Ember color palette (#FFF0FA, #FFAABE, #DA5F49, #844800, #2C1F00)
• Ancient Chestnut color palette (#D5E6D3, #A19A6E, #855A1F, #5F2E20, #001D17)
• Garnet Dune color palette (#FFF2EA, #F7A844, #C95700, #940021, #201700)
• Antique Orchard color palette (#F6E3C6, #A49E41, #7A5900, #4D2600, #020500)
• Washed Courtyard color palette (#FFEAD8, #956A00, #5B2E00, #2A0200, #010100)
• Hushed Peony color palette (#FFF1F1, #CB6499, #7D7900, #00505E, #1A0507)

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