Weathered Amber color palette — #FFF2ED · #FFAF83 · #CE7427 · #844A00 · #3B2200

A conversation between Mustard and Cantaloupe, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Cantaloupe (#FFAF83): A whisper-light, balanced orange — the color of autumn markets.
• Mustard (#CE7427): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#844A00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3B2200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Weathered 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

• Amber Thicket color palette (#FFF3E5, #ECBA60, #AE8400, #6C5700, #383000)
• Weathered Quarry color palette (#FFF0F2, #FFA0A2, #DD6860, #923629, #4B1A0A)
• Tempered Amber color palette (#FADFDE, #F69D84, #E27C28, #A36E00, #463700)
• Hushed Amber color palette (#FFF3E2, #FFD59D, #BE8112, #674200, #150A00)
• Misty Coral color palette (#FFDCDD, #DF7457, #A45000, #5D3D00, #241D00)
• Antique Bronze Loft color palette (#FFF3E7, #FAAB63, #CC8AD3, #AB6100, #3A173E)
• Hushed Bronze color palette (#ECE2D6, #A67B00, #5D4700, #2D2500, #050400)
• Marigold Corridor color palette (#FFF3E5, #DA9731, #69A955, #B85D72, #291700)

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