Tempered Amber color palette — #FFDAD6 · #FF9363 · #D17100 · #8A5600 · #553D00

Mustard and Apricot set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FFDAD6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Apricot (#FF9363): A luminous, balanced orange — the color of autumn markets.
• Mustard (#D17100): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#8A5600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#553D00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Pale Amber Canyon color palette (#FFF2EF, #FFB090, #D47200, #8C5300, #412B00)
• Washed Bronze color palette (#F1DCD1, #D89B61, #AA7600, #785F00, #3D3900)
• Chalky Balcony color palette (#F3DFE0, #FD837E, #EC4B00, #974400, #653600)
• Coral Thicket color palette (#FFD3DC, #F35F4E, #B75700, #674900, #284315)
• Ember Boulevard color palette (#FFF1F5, #FBE9AD, #B7D583, #E46706, #523D0C)
• Wandering Corridor color palette (#D4F6D5, #D0B26D, #A59222, #6B7100, #445126)
• Pale Azure Garden color palette (#FFF1F6, #FFA958, #07A4F4, #985600, #003F61)
• Airy Bloom color palette (#FFE7CD, #D68700, #00A59D, #A051D5, #462900)

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