Timeworn Field color palette — #ECF7FF · #84CDF9 · #DF9C79 · #698E5F · #243440

Built around Sky, softened by Camel — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sky (#84CDF9): A luminous, balanced blue — the color of open sky before noon.
• Camel (#DF9C79): A luminous, balanced orange — the color of autumn markets.
• Fern (#698E5F): A luminous, balanced green — the color of fresh herbs.
• Deep Teal (#243440): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Ancient Mustard color palette (#F2F5FF, #C4B8FB, #C5AC65, #439189, #2E313F)
• Aged Lantern color palette (#F1F5FE, #BBC9FF, #D08460, #2B7A6C, #0B4048)
• Powder Lagoon color palette (#FEF0FB, #AAC0FF, #DFA2BB, #87A37F, #453942)
• Blush Cabin color palette (#E6FAF9, #93D4AE, #E791A5, #87854D, #1E3736)
• Wandering Wisteria Drift color palette (#E6FBF5, #D1DBFF, #C88AC0, #458162, #3B3E4E)
• Softworn Sky color palette (#ECF7FF, #55C2FF, #A97800, #007B50, #021D30)
• Hushed Moss Workshop color palette (#F0F5FF, #9BACFF, #78B051, #297E94, #1C2437)
• Tempered Blush Pier color palette (#F0F6FD, #D9D9E4, #E791A8, #6E9DD5, #221B25)

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