Weathered Amber color palette — #FBDBD2 · #F0A676 · #D78C00 · #8A7100 · #373A00

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

The five colors

• Shell Pink (#FBDBD2): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#F0A676): A luminous, balanced gold — the color of honey in a jar.
• Mustard (#D78C00): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#8A7100): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#373A00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Misty Canyon color palette (#EFDCCD, #D39856, #B17A00, #7B5B00, #463600)
• Frosted Mustard color palette (#FFDDC2, #E4C282, #C3A62F, #828A14, #2E4C21)
• Faded Tangerine color palette (#FCDCE0, #F99E98, #E6733B, #AB5E00, #533800)
• Timeworn Bronze Harbor color palette (#F2E6D5, #D0C098, #BE974F, #AE642C, #31312A)
• Antique Mustard Study color palette (#FFF1C5, #D9CC7E, #B6A521, #7C6F00, #2B2300)
• Washed Balcony color palette (#FFE3D4, #CF7F00, #997200, #595700, #1C2300)
• Ancient Moss Workshop color palette (#EBE3D6, #C6B000, #80A000, #408000, #003922)
• Hushed Amber color palette (#F6EDDE, #D9BB76, #75B4FF, #B48A00, #113660)

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