Weathered Drift color palette — #FFF0E9 · #DD9F81 · #BD7932 · #7B5D1D · #4F514A

Mustard takes the lead with Coffee close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FFF0E9): a clean, paper-quiet neutral.
• Camel (#DD9F81): A luminous, balanced orange — the color of autumn markets.
• Mustard (#BD7932): A luminous, balanced gold — the color of old brass.
• Coffee (#7B5D1D): A full-bodied, balanced gold — the color of old brass.
• Charcoal Brown (#4F514A): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Bronze Terrace color palette (#FFF3E8, #D2B172, #958403, #606527, #40533A)
• Periwinkle Study color palette (#FCF4EA, #D2A76E, #629DDA, #986717, #59455C)
• Muted Garden color palette (#FFF1F2, #DC9AAE, #BF6166, #8D4F3B, #58524D)
• Frosted Amber Summit color palette (#FFE7DA, #D68400, #946F00, #595700, #2E4800)
• Chestnut Terrace color palette (#FEF3E6, #D9E3CB, #99D5CB, #AE7E70, #684E00)
• Cobalt Veranda color palette (#FFF3E6, #C38A4D, #3192CE, #756DA6, #47413C)
• Washed Boulevard color palette (#EEE3B5, #A3A851, #4C8E08, #176537, #454942)
• Weathered Olive Orchard color palette (#F6E7CE, #878000, #475800, #0A3901, #002614)

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