Tempered Amber color palette — #FFF2EF · #F4AE8D · #C97800 · #4E711B · #003D16

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Melon (#F4AE8D): A luminous, balanced orange — the color of toasted spice.
• Mustard (#C97800): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#4E711B): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#003D16): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged vintage, retro, muted.

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

• Weathered Amber Station color palette (#FFF1F4, #FDA5A5, #CB7A61, #645C0C, #2A3500)
• Airy Moss Loft color palette (#FFF3E3, #E2C87F, #8E911B, #006D58, #003433)
• Dusty Sand Workshop color palette (#FFF1F5, #FEE09F, #ABA66B, #367A60, #004C47)
• Ancient Shell Hollow color palette (#FFE9F5, #FFA4A6, #CA9956, #4E8796, #00424F)
• Cocoa Quarry color palette (#F5E4DB, #A67C53, #5B4400, #033112, #000201)
• Forest Alley color palette (#E8E8D3, #8AA055, #286C26, #003F46, #001119)
• Antique Coast color palette (#F3E0E5, #C88D89, #90643D, #004F44, #002931)
• Hazy Bronze Garden color palette (#FFF2E9, #FFB478, #BA6400, #663600, #0F0400)

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