Tempered Amber color palette — #FFF3E4 · #D4C896 · #B37E29 · #7C4A2F · #272206

A conversation between Mustard and Coffee, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#D4C896): A whisper-light, dusty green — the color of fresh herbs.
• Mustard (#B37E29): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#7C4A2F): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#272206): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Bronze Balcony color palette (#FFF4DE, #B1B97D, #8E7300, #653B00, #141400)
• Taupe Alley color palette (#FBF5E7, #E5DEB6, #AF9E4F, #866337, #32322B)
• Rust Lantern color palette (#FFF2EC, #ECAD5C, #C65A00, #8D1A23, #1F1700)
• Softworn Alley color palette (#D5E6D3, #A39A62, #7E5D33, #5C3023, #001D18)
• Patina Moss color palette (#F4EEDA, #709348, #525000, #2E1E00, #000200)
• Powdered Market color palette (#F2F9E1, #3DB96D, #D9586E, #686200, #131802)
• Muted Loft color palette (#FCF1FD, #428FE1, #8849A9, #724200, #000C01)
• Sand Delta color palette (#EBFAED, #FFC09E, #007178, #002E31, #010501)

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