Weathered Field color palette — #F4F4FF · #FFD6ED · #E89FAE · #A36860 · #624052

Ballet Pink and Mocha set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Shell Pink (#FFD6ED): A whisper-light, dusty pink — the color of peonies in June.
• Ballet Pink (#E89FAE): A luminous, balanced red — the color of embers at dusk.
• Mocha (#A36860): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#624052): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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

• Dusty Lantern color palette (#FFF1F5, #DE9BBD, #C0657F, #945249, #544E48)
• Stone Courtyard color palette (#F7F3FF, #F7D4CE, #E8A19D, #AA7653, #3A523A)
• Stone Study color palette (#FFF0FB, #E7DDD5, #E8A49E, #905650, #381D33)
• Pale Station color palette (#FFDFEB, #FF7E89, #CC440A, #6D3A00, #2D2000)
• Basalt Study color palette (#FFE8E6, #D2CCD6, #9D9297, #483B47, #231E23)
• Ancient Taupe Market color palette (#FAF2FD, #F6D3CA, #92DAE1, #C78493, #1E4D5C)
• Dusty Ember color palette (#FFF0F9, #FFBECC, #FF5C3F, #964700, #4A2E00)
• Wandering Stone color palette (#ECF9ED, #C1E3E3, #97B89B, #8F6F81, #304440)

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