Weathered Field color palette — #FBF3F0 · #C1E2E9 · #A3D3C0 · #9BA881 · #614A5F

Built around Pistachio, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#C1E2E9): A whisper-light, dusty blue — the color of open sky before noon.
• Pistachio (#A3D3C0): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9BA881): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#614A5F): A full-bodied, dusty pink — the color of a candy shop window.

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

• Washed Oat color palette (#EDF9EE, #EBD4D1, #ACCFB7, #ADB0A4, #41564E)
• Wandering Powder color palette (#FBF3EF, #C6E8E3, #87C5F2, #5FA98A, #593D53)
• Washed Turquoise Parlor color palette (#E8FBEF, #94E2FB, #F7B2B0, #5BB6D1, #534B48)
• Glacier Pier color palette (#E3FDEE, #7ED5F4, #EAAC9E, #C9986A, #2F493C)
• Weathered Field color palette (#FEF3E9, #E7D8B8, #CBB096, #A88B7D, #514900)
• Ash Harbor color palette (#F6F0F4, #D3D2EC, #71A3C2, #45775D, #2C3747)
• Weathered Powder Grove color palette (#DDFFEC, #BFE9FF, #81C4E3, #5195B1, #084151)
• Dusty Cobalt Field color palette (#F0E0D7, #64ACC1, #0479C3, #005F4A, #05002C)

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