Timeworn Field color palette — #F1F8EA · #A7F1E7 · #C1CADF · #B2AEEC · #3E533E

Built around Lavender, softened by Sea Foam — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F1F8EA): bright and airy, almost weightless.
• Sea Foam (#A7F1E7): A whisper-light, dusty teal — the color of glacier melt.
• Lilac Frost (#C1CADF): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#B2AEEC): A luminous, balanced violet — the color of wild irises.
• Charcoal Brown (#3E533E): A full-bodied, dusty green — the color of a quiet forest floor.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Weathered Veranda color palette (#EBF9EF, #B9E0F1, #D6BBEE, #BAB2BF, #2C4A3F)
• Washed Garden color palette (#F6F7E5, #B5FCDC, #C4DFCA, #8ECFE9, #42550F)
• Shell Villa color palette (#EAFAEF, #9AE2F4, #FAB2A3, #67B6C8, #534B48)
• Hushed Cocoa Lantern color palette (#F8F7DD, #C8E1D6, #ABC9BD, #B49A8C, #784310)
• Pale Seafoam color palette (#E5FDE2, #A9FFA9, #00F2F0, #85B5FF, #004149)
• Mint Orchard color palette (#EDF5E9, #75C9B6, #6C8273, #50574C, #21221C)
• Hushed Field color palette (#E3F6F7, #DAF2AC, #71E6BE, #55AAD1, #1B3339)
• Soft Fuchsia Field color palette (#EFF6FF, #86EDFF, #A4CFFF, #E079FF, #201956)

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