Weathered Field color palette — #FFF2EB · #C8856A · #836F19 · #2C6137 · #5B3832

Walnut and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Caramel (#C8856A): A luminous, balanced orange — the color of autumn markets.
• Walnut (#836F19): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#2C6137): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#5B3832): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Balance. 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

• Olive Atelier color palette (#FFF2E9, #D2C2B3, #A08E72, #69732D, #3D5246)
• Patina Bronze Summit color palette (#FFF2EA, #D89E79, #B56E28, #845723, #52524A)
• Pine Thicket color palette (#FAF5E6, #918C35, #01764A, #00525E, #3C3731)
• Bronze Delta color palette (#FFF3E6, #AF6C00, #526200, #004C3B, #5B1010)
• Patina Blush Parlor color palette (#FEEDEB, #D37F97, #627C40, #25516E, #052F25)
• Wandering Chestnut Station color palette (#F5F6EB, #BEC5A2, #618D73, #8B5923, #4A5303)
• Washed Alley color palette (#FCEFE8, #B06652, #5D2F00, #33251E, #181511)
• Weathered Blush color palette (#FAF2FD, #E796AA, #7D9662, #406F8C, #26465D)

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