Worn Amber color palette — #FFF1F2 · #FFB2A3 · #D77400 · #7C5D00 · #353500

Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Melon (#FFB2A3): A whisper-light, balanced orange — the color of autumn markets.
• Mustard (#D77400): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#7C5D00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#353500): 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 Worn 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

• Marigold Basin color palette (#FFF2EC, #FFC49E, #D39C00, #736D00, #30411D)
• Faded Amber color palette (#FFDFD8, #FF9561, #DD7F00, #9D6A1F, #4D3700)
• Airy Rose color palette (#FFF0FA, #FFAEC1, #E44D45, #8E4400, #3E2700)
• Tangerine Ridge color palette (#F4D6D5, #FA6823, #915700, #483900, #070C00)
• Patina Amber Alley color palette (#FFE1D4, #BD7400, #614900, #222A00, #000300)
• Wandering Amber Market color palette (#FFF3E7, #DAC68D, #B77A41, #81443D, #26220C)
• Weathered Amber Balcony color palette (#FFF3E4, #FECE81, #B18400, #634200, #160B00)
• Quiet Moss color palette (#FFF3E9, #EFB94D, #909100, #416B00, #093A1F)

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