Weathered Amber color palette — #FFF1F2 · #FFB8A4 · #D66E00 · #865900 · #3C3000

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Melon (#FFB8A4): A whisper-light, balanced orange — the color of autumn markets.
• Pumpkin (#D66E00): A luminous, vivid gold — the color of honey in a jar.
• Ochre (#865900): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3C3000): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Faded Ember color palette (#FFF1F5, #FFB9B6, #FD4522, #8D4B00, #412900)
• Tempered Amber color palette (#FFF3E8, #EECA8D, #D57600, #974230, #332600)
• Ancient Amber Summit color palette (#FFF2EE, #FDAC65, #BA7D00, #635600, #2D2D00)
• Pale Tangerine Delta color palette (#F7DBD7, #FE7438, #AB5400, #6D4400, #393D01)
• Misty Turquoise color palette (#FFF3E6, #FFCB91, #00B0E0, #AF6D00, #003444)
• Chalky Mustard color palette (#FFF3E7, #FFD38D, #BC9F00, #687001, #393A33)
• Wandering Amber Delta color palette (#FFF3E3, #E4E0AF, #C58E00, #6B4900, #1A0F00)
• Bronze Coast color palette (#FFECD5, #977E00, #595500, #1D2B00, #000601)

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