Weathered Field color palette — #EAF9F4 · #E7D4CF · #A5BCAC · #89A88E · #564855

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

The five colors

• Ivory (#EAF9F4): bright and airy, almost weightless.
• Bone (#E7D4CF): A whisper-light, dusty orange — the color of autumn markets.
• Ash (#A5BCAC): A luminous, dusty teal — the color of shallow lagoons.
• Sage (#89A88E): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#564855): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Wandering Terrace color palette (#EEF6FF, #DAD8E3, #D0B3C9, #70879B, #474F5B)
• Bronze Lantern color palette (#FAF5EA, #D2CCAA, #A79C6F, #986A2F, #4A4C00)
• Muted Taupe color palette (#ECF8F5, #7EB0DF, #AA9C59, #478782, #2C433D)
• Cobalt Lantern color palette (#FAF3F7, #DDD1A6, #727AA8, #5F4257, #31282E)
• Hushed Magenta color palette (#D0E8E1, #9993D6, #BF58C1, #005664, #1C0318)
• Amber Harbor color palette (#FDF2F4, #C591CF, #BC763B, #367256, #402E39)
• Ancient Iris color palette (#FAF3F7, #CBCBFF, #D67D8C, #8582CE, #382A26)
• Straw Pier color palette (#EBEB8B, #FFCD97, #B4CAFF, #564753, #373036)

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