Timeworn Field color palette — #FEF2EE · #9FF0F9 · #6BBCE8 · #569D75 · #273A5C

A conversation between Sky and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FEF2EE): bright and airy, almost weightless.
• Sea Foam (#9FF0F9): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#6BBCE8): A luminous, balanced blue — the color of deep harbor water.
• Fern (#569D75): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#273A5C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Airy Balcony color palette (#FFF2EE, #5EF4E9, #00BEE0, #4D9940, #003659)
• Ancient Lagoon color palette (#FCF3EC, #C1E6FF, #97B0ED, #1AA09A, #4E2F3F)
• Turquoise Alley color palette (#F5F6EC, #B7E5EF, #56B5CA, #007F7C, #003442)
• Quiet Loft color palette (#D8E5FF, #84ACFF, #A9AD00, #60A15C, #392237)
• Powder Quarry color palette (#FCF3F0, #BDE8F0, #9ECFE6, #9EA782, #5E4B5E)
• Worn Turquoise color palette (#FFF0FE, #EAD2E3, #F0BCAA, #73B5C9, #533A48)
• Azure Harbor color palette (#F2E2D9, #61D1EB, #029AEB, #008060, #12184B)
• Softworn Cerulean Parlor color palette (#F8EFF5, #A7CFDF, #2F86A9, #005D49, #03213E)

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