Weathered Field color palette — #F9F2FE · #DD9BB4 · #A68931 · #207870 · #38415D

Moss takes the lead with Ballet Pink close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F9F2FE): a clean, paper-quiet neutral.
• Ballet Pink (#DD9BB4): A luminous, balanced rose — the color of a warm blush.
• Moss (#A68931): A luminous, balanced green — the color of new leaves after rain.
• Teal (#207870): A full-bodied, balanced teal — the color of sea glass.
• Navy (#38415D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Emerald Drift color palette (#FDF1F8, #E59D80, #6E9B5D, #37708D, #453D5B)
• Softworn Amber color palette (#F4F4FF, #C0A2DF, #C47455, #50753D, #24465C)
• Shell Coast color palette (#FFF2F0, #FFB2CA, #BE8E71, #596A91, #4F2D36)
• Timeworn Coast color palette (#FFF1F1, #EAB5D2, #A7AF7E, #429698, #0B4B57)
• Taupe Meadow color palette (#FAF1FF, #DFC5DB, #C199A9, #728A8D, #3E555F)
• Coral Coast color palette (#FFEFFF, #FF586D, #767F00, #00606E, #3F1E56)
• Washed Market color palette (#FDF0FF, #F5ADA8, #DB8063, #9C6546, #654652)
• Weathered Coral color palette (#F7EFF8, #D1808E, #684F61, #3D353E, #232026)

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