Weathered Terrace color palette — #FFF1E9 · #FFAB68 · #CA7800 · #774C00 · #432D00

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

The five colors

• Cream (#FFF1E9): bright and airy, almost weightless.
• Cantaloupe (#FFAB68): A luminous, balanced gold — the color of afternoon light on wheat.
• Mustard (#CA7800): A luminous, balanced gold — the color of old brass.
• Bronze (#774C00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#432D00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Balance. Tagged warm.

Use it as a design system

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

• Washed Courtyard color palette (#ECFAEA, #E6C187, #B67C2F, #7A4C22, #112717)
• Soft Thicket color palette (#F1DDDA, #FFA276, #E08626, #97721B, #413D0E)
• Amber Lagoon color palette (#F4DAC4, #D28200, #875A00, #473200, #100A00)
• Ember Cabin color palette (#FFEEEE, #FF9F9A, #F65942, #A23E20, #4E2411)
• Pale Mustard color palette (#FFF5D6, #D0B800, #8E8700, #575C00, #232E00)
• Airy Marigold Veranda color palette (#E0FFDE, #FBCA7A, #CA9700, #846B0E, #2A4E3C)
• Gentle Studio color palette (#FFF1F5, #F9AD54, #E574DE, #A56600, #3C173A)
• Bronze Atelier color palette (#FCEED5, #A78300, #5A4B00, #242100, #010100)

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