Weathered Amber color palette — #FFF2ED · #FBBC9E · #D4903D · #896F32 · #55524B

Mustard and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Cantaloupe (#FBBC9E): A whisper-light, balanced orange — the color of sun-warmed clay.
• Mustard (#D4903D): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#896F32): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal Brown (#55524B): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged muted.

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

• Weathered Grove color palette (#FFF2F0, #F6AFB1, #D97C6C, #9A6647, #504B45)
• Aged Amber Pier color palette (#FFF4E0, #F3D5A2, #C49948, #7D6A30, #3B3731)
• Worn Apricot Alley color palette (#FFF0F8, #EEA673, #B57E45, #7A582F, #3B513C)
• Gentle Garden color palette (#FCF4E9, #E2BE83, #58BDF2, #AE8439, #2E5648)
• Softworn Marigold Pier color palette (#FBE1CC, #D29400, #8A7900, #4B5000, #1A3300)
• Tempered Chestnut color palette (#FEF4E6, #C1FFF5, #DBE3C8, #C4948A, #664C00)
• Hazy Moss Corridor color palette (#F8EBBD, #BBC36C, #66A732, #357740, #225442)
• Ancient Canyon color palette (#FFF3E6, #D9A66D, #61ACE5, #898CC5, #47413C)

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