Timeworn Field color palette — #F7F1EA · #AAD1C4 · #5D74CE · #005B5B · #25183A

Sapphire and Peacock set the tone — five colors that lean into creativity and calm.

The five colors

• Cream (#F7F1EA): a clean, paper-quiet neutral.
• Oat (#AAD1C4): A whisper-light, dusty teal — the color of glacier melt.
• Sapphire (#5D74CE): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005B5B): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#25183A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Sophistication. 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

• Tempered Cobalt color palette (#F7F0ED, #94D4DA, #0087B6, #005F36, #2E162D)
• Misty Sapphire color palette (#FFEEE2, #67C9F2, #006CE0, #005348, #190B45)
• Worn Cobalt Chapel color palette (#F9F4ED, #9ECAF2, #5077BC, #005C72, #32375A)
• Patina Iris Alley color palette (#FFF1F5, #B2DAFB, #8091D2, #057B7D, #353759)
• Quiet Cobalt color palette (#F1D9F2, #377DCF, #906500, #5A5B05, #1D0C1E)
• Navy Quarry color palette (#CDECEB, #00AACD, #006DB1, #183385, #1F173B)
• Pale Azure color palette (#D7F0E7, #099BDF, #9F7300, #005B86, #271900)
• Tempered Denim color palette (#ECDAD0, #3098B1, #004C7E, #002D21, #02001C)

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