Tempered Amber color palette — #F2E0D4 · #CC7900 · #A65500 · #7A360F · #130900

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

The five colors

• Parchment (#F2E0D4): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#CC7900): A luminous, balanced gold — the color of old brass.
• Ochre (#A65500): A full-bodied, balanced gold — the color of old brass.
• Rust (#7A360F): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#130900): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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

• Frosted Garden color palette (#F2D7E1, #D18F34, #AE6A20, #874615, #201300)
• Feathered Archive color palette (#CFE7D4, #A88E0F, #896900, #664500, #0D0C00)
• Amber Grove color palette (#FFE8F2, #E57900, #817500, #9B5000, #020200)
• Worn Cocoa Orchard color palette (#FFEBDB, #AB7B43, #783A00, #410B00, #020100)
• Aubergine Basin color palette (#FAD6E8, #B75400, #526B00, #780578, #070001)
• Pale Ember Balcony color palette (#F9E9F9, #AA8A00, #E14E00, #3E0F00, #050003)
• Hushed Marigold Balcony color palette (#F9E0EC, #F4B17A, #CA8E6A, #9F6B57, #442630)
• Misty Lime color palette (#CAEFDE, #A8BD5A, #919444, #756C32, #022B23)

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