Worn Field color palette — #F9F5ED · #D7E0D3 · #A2B3C5 · #B28C00 · #38342E

A conversation between Mustard and Ash, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#F9F5ED): bright and airy, almost weightless.
• Bone (#D7E0D3): bright and airy, almost weightless.
• Ash (#A2B3C5): A luminous, dusty blue — the color of deep harbor water.
• Mustard (#B28C00): A luminous, balanced gold — the color of old brass.
• Espresso (#38342E): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Worn 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 Amber Bloom color palette (#FAF4EF, #DBDED1, #99BEC0, #D87300, #502A00)
• Moss Canyon color palette (#F5F6EC, #D2DFD8, #ADAFBF, #4FAB17, #35362F)
• Wandering Bronze color palette (#F7F5EF, #D6DED5, #AECBBD, #877700, #241E0E)
• Worn Bronze Alley color palette (#EFF8F1, #C4E1E5, #A0C4C4, #85650B, #37433A)
• Dusty Abyss color palette (#DEE2DC, #AEC0B4, #9D8B9E, #00473B, #000200)
• Tempered Study color palette (#EEEFE6, #C9D3C5, #8AB19A, #0F5E0B, #020300)
• Dusty Teal Cabin color palette (#FFF2ED, #E4DCA4, #54B69B, #9C5C6E, #6A3041)
• Antique Alley color palette (#FBF6D8, #849F00, #124636, #191500, #030100)

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