Weathered Field color palette — #F8F5EC · #ECE18C · #74C6D1 · #B6AD6B · #273029

Butter and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F5EC): bright and airy, almost weightless.
• Butter (#ECE18C): A whisper-light, balanced green — the color of a quiet forest floor.
• Aqua (#74C6D1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Sage (#B6AD6B): A luminous, balanced green — the color of new leaves after rain.
• Deep Forest (#273029): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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

• Celadon Station color palette (#F6F6ED, #CCEB9C, #A1B5F0, #A0B382, #352A32)
• Wandering Taupe Delta color palette (#FBF3EE, #FFD4BB, #89C7A7, #D59C7D, #253400)
• Straw Meadow color palette (#EEF8F4, #CCDA8A, #3AAFAE, #89935A, #223135)
• Celadon Station color palette (#FFF4DD, #C5EAAE, #84CBB2, #469A9F, #11496E)
• Hushed Mint Chapel color palette (#F6F6EB, #9BCA7C, #9F98D2, #8681B0, #3D3633)
• Washed Celadon Dune color palette (#FFF2EE, #B7E090, #6DBDC7, #A88081, #3E5006)
• Olive Boulevard color palette (#ECF4F0, #C9C697, #2690AB, #7D7400, #0A181F)
• Washed Villa color palette (#F6F6ED, #D4DED8, #A5D4C1, #A6B7BB, #53534A)

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