Weathered Field color palette — #FCF3ED · #B67C5C · #5E6C21 · #005576 · #422D2C

Olive and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Caramel (#B67C5C): A luminous, balanced orange — the color of autumn markets.
• Olive (#5E6C21): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005576): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#422D2C): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Muted Basin color palette (#FEF2F1, #A16E84, #896827, #005E53, #452E38)
• Navy Alley color palette (#F9F5ED, #A2894B, #00806B, #404689, #3C3631)
• Cocoa Parlor color palette (#FDF4E5, #CF9699, #946F3C, #3A5B83, #6F360E)
• Fern Field color palette (#FFF3E7, #A96000, #1B6100, #003E76, #3A0F15)
• Tempered Pine Balcony color palette (#EAF5ED, #9A8136, #008362, #005660, #121A24)
• Ancient Bronze color palette (#FBEFE7, #AA6C42, #403C35, #32261D, #191510)
• Antique Driftwood color palette (#FBF3F1, #DCDAD3, #A1B0AA, #AA706C, #5B504B)
• Pale Navy color palette (#FFF3E5, #835500, #005F50, #291E87, #331A0A)

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