Tempered Amber color palette — #FFF1F6 · #E58900 · #6B6100 · #704000 · #000201

Built around Mustard, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#E58900): A luminous, vivid gold — the color of honey in a jar.
• Olive (#6B6100): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#704000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Dusty Coral color palette (#FDF1FA, #FF6D52, #845300, #901700, #000200)
• Ancient Pine color palette (#E9FAF0, #B9A200, #00741D, #594D00, #000201)
• Wandering Hollow color palette (#CEFBDF, #A58700, #535A00, #00332F, #050400)
• Wandering Amber Corridor color palette (#FFDD9B, #B69700, #6E6A00, #313700, #030600)
• Faded Orchard color palette (#E5FCED, #E4C100, #5D8F00, #7E6A00, #010200)
• Bronze Bloom color palette (#F2E6DC, #B95900, #3A4B00, #572600, #010100)
• Weathered Market color palette (#F0F8F0, #C8E0DB, #A0C5AF, #7F5700, #031005)
• Worn Emerald color palette (#EFDFE9, #FF7F4E, #319C00, #C24B16, #000504)

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