Weathered Field color palette — #FBF2FA · #C28683 · #6B773D · #50488C · #603432

Indigo takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Dusty Rose (#C28683): A luminous, dusty orange — the color of autumn markets.
• Olive (#6B773D): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#50488C): A full-bodied, balanced violet — the color of wild irises.
• Cocoa (#603432): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Hushed Mulberry Pier color palette (#FBF2F9, #C3857E, #308163, #6E3E73, #553650)
• Denim Harbor color palette (#F7F3FD, #B984AC, #816F39, #1F568B, #593450)
• Dusty Pine color palette (#F9F0E7, #BE9361, #388359, #1E5074, #3C1C22)
• Timeworn Bloom color palette (#EDF8F1, #A7975D, #5F6DA0, #6C4170, #592E40)
• Wandering Atelier color palette (#FEF1F5, #D5A873, #599E6E, #38708E, #423D5D)
• Softworn Basalt color palette (#FFEFFF, #D0C1CF, #829385, #6B6E88, #654954)
• Dusty Cypress color palette (#FAF3F6, #D9DDEE, #8699C2, #007F7A, #4C516B)
• Garnet Harbor color palette (#FFF1F5, #AF7D49, #007273, #75264C, #512F03)

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