Timeworn Oat color palette — #F1F5FF · #CCD1FF · #D4C986 · #9EA3DC · #365544

Built around Pistachio, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Lilac Frost (#CCD1FF): A whisper-light, dusty violet — the color of a velvet chair.
• Pistachio (#D4C986): A whisper-light, balanced green — the color of new leaves after rain.
• Mauve (#9EA3DC): A luminous, balanced violet — the color of a velvet chair.
• Charcoal Brown (#365544): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Timeworn Oat 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 Sand Studio color palette (#EEF6FF, #B4D9FF, #F2BA85, #7BADDE, #60444E)
• Worn Stone color palette (#F1F5FF, #B5BFFF, #B9B56F, #7E87C2, #345546)
• Wandering Meadow color palette (#F6F3FF, #F8BFF3, #99D8AC, #C994C5, #315453)
• Timeworn Corridor color palette (#F2F5FF, #C4BEFF, #EAAE90, #85BCA7, #3C4155)
• Ancient Sand Villa color palette (#FFF1F5, #EED6A9, #D1A9B6, #A38996, #3A4D42)
• Quiet Chartreuse color palette (#F3F4FF, #D3B4FF, #B0D222, #A26FDF, #344100)
• Dusty Lantern color palette (#F2F5FF, #EBD3EC, #BBAEE7, #8B81B0, #303653)
• Dusty Loft color palette (#F5F3FF, #F5DBA6, #B58FB9, #6D6A7E, #2C2A33)

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