Tempered Amber Station color palette — #FFF1F2 · #FFB397 · #D07300 · #7E6300 · #363400

Mustard and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Melon (#FFB397): A whisper-light, balanced orange — the color of toasted spice.
• Mustard (#D07300): A luminous, balanced gold — the color of old brass.
• Ochre (#7E6300): A full-bodied, balanced gold — the color of old brass.
• Espresso (#363400): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Tempered Amber Station 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

• Gentle Amber color palette (#FFF2ED, #EEAD6A, #BE8C00, #665F00, #103302)
• Pale Apricot color palette (#FFE6DF, #FFA468, #E48C00, #9E6C00, #503D00)
• Softworn Harbor color palette (#FFF0FA, #FFBECA, #FF5851, #925100, #4E3400)
• Antique Terracotta Courtyard color palette (#FFF1F5, #DCD19E, #C18235, #9D3C26, #202D00)
• Muted Loft color palette (#FFE4DF, #F99C65, #AC6E00, #584A00, #171F00)
• Bronze Workshop color palette (#FCE7D0, #987800, #4A5000, #042701, #000201)
• Olive Loft color palette (#FFF2EA, #F4D796, #ABA533, #497C18, #1F4B30)
• Weathered Bronze Harbor color palette (#FFF1F6, #FFB570, #81AEFF, #B56900, #072868)

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