Weathered Field color palette — #F9F3F9 · #E8D8D8 · #CCBDB8 · #5A7698 · #4D444E

Slate and Charcoal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Bone (#E8D8D8): bright and airy, almost weightless.
• Stone (#CCBDB8): a calm mid-gray that lets other colors speak.
• Slate (#5A7698): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#4D444E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Pewter color palette (#FEF2F3, #E4D7CB, #C5AE9F, #785777, #423739)
• Weathered Periwinkle Harbor color palette (#F1F5FB, #DBD9DF, #BFAFB6, #81ADEF, #43484F)
• Garnet Veranda color palette (#EFDFE0, #CFB1A8, #A48871, #672A57, #2B1A1B)
• Wandering Fern color palette (#D4FFF3, #C1B3DD, #997973, #68681E, #435240)
• Ancient Pine Workshop color palette (#FCF4EA, #B3B37E, #558052, #6C5157, #514100)
• Timeworn Orchard color palette (#EADDE9, #BBA1AB, #9A7476, #153371, #1C0E1B)
• Ancient Powder Veranda color palette (#FFF0FA, #95E7FF, #ADB8FF, #B26A7E, #4E2E3C)
• Antique Indigo Hollow color palette (#F5DDEA, #6D57D7, #47282C, #291A22, #0A1213)

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