Softworn Field color palette — #F8F5EE · #D8DBD3 · #BBC2B7 · #99915F · #4C473D

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

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Silver (#D8DBD3): bright and airy, almost weightless.
• Stone (#BBC2B7): a calm mid-gray that lets other colors speak.
• Moss (#99915F): A luminous, dusty green — the color of fresh herbs.
• Cocoa (#4C473D): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Softworn 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

• Taupe Field color palette (#F1F7F3, #D0DFE1, #AABCD0, #BEAA6D, #414A44)
• Fern Lagoon color palette (#F2F0E8, #B7B5A5, #979876, #545700, #191300)
• Patina Lagoon Coast color palette (#F2F7F0, #CDDED8, #ABC6BF, #3C9180, #363D32)
• Vanilla Canyon color palette (#F7F9CF, #C9CFB3, #94A189, #5D7C6F, #624B64)
• Aged Bronze Boulevard color palette (#F3F7EA, #BACBA4, #599F8C, #817127, #354B04)
• Patina Mustard Garden color palette (#FEF5DB, #B0B968, #6B9358, #206F79, #3E3D36)
• Tempered Moss color palette (#E7E6D1, #7E9B4C, #4F5100, #2F2E27, #1A1811)
• Cypress Grove color palette (#E7ECE6, #BBC8BC, #92AC9A, #006F6A, #172316)

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