Tempered Amber color palette — #F6D8C8 · #E77C17 · #A55E00 · #684000 · #3E2900

Tangerine takes the lead with Ochre close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F6D8C8): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#E77C17): A luminous, vivid gold — the color of old brass.
• Ochre (#A55E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#684000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3E2900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Misty Coast color palette (#FFE0D5, #F38532, #CA7800, #885E00, #3B2E00)
• Apricot Archive color palette (#FFD8D8, #FF9265, #B16200, #5F4A00, #1C1D00)
• Aged Bronze Lantern color palette (#E4F1E2, #C2964E, #9D6300, #733E00, #0D2B17)
• Muted Marigold Ridge color palette (#F8DEA9, #D69E00, #926B00, #513C00, #1B1200)
• Dusty Magenta color palette (#F6D3DE, #D28500, #C54EBB, #8A5600, #40143C)
• Pale Harbor color palette (#F5E2E2, #F16A66, #D93000, #8B2E00, #501D00)
• Linen Moss Coast color palette (#F0EDDE, #A99D00, #757A00, #4B5800, #243600)
• Antique Grove color palette (#E1FBE6, #DCD080, #ADBE46, #A7741E, #163C26)

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