Tempered Amber color palette — #FFF3E3 · #CE8346 · #8A6100 · #1D5C33 · #413C37

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

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#CE8346): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#8A6100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Pine (#1D5C33): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#413C37): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged retro, 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 Archive color palette (#FCF4E5, #BDA563, #787D31, #04685F, #4A4740)
• Aged Terracotta Field color palette (#FFF3E7, #CD7D84, #A44C32, #535100, #433B38)
• Feathered Coast color palette (#FCF4E8, #AE7F23, #4B7103, #005549, #562921)
• Sunlit Apricot color palette (#FFF3E8, #FFC5B1, #FA9B4B, #AA7B00, #45403A)
• Bronze Loft color palette (#F4E4B0, #A17400, #5B5400, #004336, #342700)
• Coral Villa color palette (#FFF0D5, #E17A6D, #85660F, #254771, #2F1E12)
• Coral Market color palette (#E1FEEA, #FF8B78, #9D833D, #42668C, #4D3541)
• Dusty Shell color palette (#FFF4DE, #FFADB5, #BCA25D, #6284B0, #423C37)

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