Timeworn Field color palette — #ECF4F1 · #CDDBE1 · #ACC2D3 · #6C7C52 · #232F2C

Walnut and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#CDDBE1): bright and airy, almost weightless.
• Ash (#ACC2D3): A luminous, dusty blue — the color of open sky before noon.
• Walnut (#6C7C52): A full-bodied, dusty green — the color of fresh herbs.
• Deep Forest (#232F2C): a grounded near-black with real depth.

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

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

• Weathered Pewter color palette (#EEF8F5, #CEE0E6, #AFC6CF, #627E54, #3D4B48)
• Weathered Orchard color palette (#EBF5EF, #8EBFB4, #3B865F, #3C5D4D, #0E2D28)
• Cerulean Hollow color palette (#DBF4E9, #91C5C2, #6290A1, #654D67, #422D3C)
• Ancient Forest color palette (#EAF4F3, #BBDBDF, #79B8C0, #006E2B, #001F1E)
• Hushed Taupe color palette (#F5F6EF, #D5DCD6, #97B3BA, #88AA76, #404035)
• Washed Harbor color palette (#DCE9E6, #87A7A9, #568491, #154100, #000605)
• Pine Quarry color palette (#DAF4F3, #008B54, #0D3741, #031A1A, #030806)
• Abyss Coast color palette (#E3EFF4, #A5B5C4, #7C8EB0, #004C5A, #000D14)

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