Timeworn Field color palette — #FDF1F8 · #CDAEBA · #A17464 · #824C50 · #3C4D3F

Coffee takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Rosewood Mist (#CDAEBA): A luminous, dusty rose — the color of pressed rose petals.
• Mocha (#A17464): A luminous, dusty orange — the color of autumn markets.
• Coffee (#824C50): A full-bodied, dusty red — the color of late-summer berries.
• Deep Olive (#3C4D3F): A full-bodied, dusty green — the color of a quiet forest floor.

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

• Worn Chestnut Alley color palette (#EDF9EE, #A7BFB1, #6B896E, #7B5339, #374D46)
• Aged Chestnut Thicket color palette (#FEEEE5, #D4B49C, #AA735E, #824525, #37291D)
• Tempered Taupe color palette (#FDF1F8, #E5BDD1, #BD8F7D, #866A7F, #554149)
• Plum Bloom color palette (#F8F3F9, #CFB6D4, #808149, #A64B60, #20322B)
• Wandering Fern Villa color palette (#FEF0FF, #E6B6A3, #A67C50, #6E5D00, #3E5300)
• Worn Pewter color palette (#F8F3FA, #A4CABB, #7F4C5D, #532A38, #2F2833)
• Quiet Thicket color palette (#FFE7F2, #BC9560, #9A5525, #82201F, #403500)
• Garnet Quarry color palette (#F2DFE6, #99855B, #7C4700, #641900, #002C1D)

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