Tempered Amber color palette — #FFF1F2 · #FF9075 · #BE6E00 · #644800 · #242300

A conversation between Ochre and Salmon, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Salmon (#FF9075): A luminous, balanced orange — the color of toasted spice.
• Ochre (#BE6E00): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#644800): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#242300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, 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

• Wandering Ember Drift color palette (#FFDBE6, #FF9794, #DA4700, #724600, #281D00)
• Hazy Balcony color palette (#FFE4DB, #F4A212, #A18800, #4A5500, #012904)
• Muted Apricot color palette (#FDD4CA, #FF8543, #CD7700, #9C6500, #413100)
• Hazy Mustard Parlor color palette (#FFF3E8, #DBB73A, #B46900, #88251C, #151B00)
• Muted Market color palette (#FFF4E1, #FFC671, #9F7900, #523700, #0F0800)
• Quiet Crimson Alley color palette (#FFEBFE, #FF8FC5, #EB005E, #933400, #432000)
• Quiet Iris Lagoon color palette (#FFF3E9, #FFAA72, #618FF9, #984A00, #021159)
• Softworn Moss Lantern color palette (#FFF3E5, #E5BC4B, #999C00, #16772A, #00392B)

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