Timeworn Field color palette — #F8F1E7 · #CABA95 · #997E56 · #7E4918 · #2F2C1D

A conversation between Coffee and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F8F1E7): bright and airy, almost weightless.
• Sand (#CABA95): A luminous, dusty gold — the color of old brass.
• Mocha (#997E56): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#7E4918): A full-bodied, balanced gold — the color of old brass.
• Espresso (#2F2C1D): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Chestnut Pier color palette (#FFF3E3, #C9B689, #947C55, #7F5313, #5B4400)
• Worn Chestnut color palette (#F8F0EA, #D3C19A, #875236, #4D2500, #1A120C)
• Wandering Market color palette (#F6F1EC, #EEB690, #589456, #A05F2E, #16170C)
• Tempered Archive color palette (#FFEFE0, #CCBB89, #838A37, #24612F, #003828)
• Washed Chestnut Corridor color palette (#EFDCCF, #B9905D, #925129, #602C2A, #211600)
• Wandering Stone color palette (#EEF8EF, #BDE9E1, #C6AA7C, #916F7A, #33443A)
• Bronze Coast color palette (#F5E8CB, #97AA59, #7B6B00, #5E3B00, #072305)
• Patina Bronze Station color palette (#FAE3CE, #916A00, #643700, #430B00, #060500)

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