Timeworn Petrol Field color palette — #F0F5FF · #CEDAFF · #999AD5 · #5C63A7 · #32365E

Built around Slate, softened by Mauve — the whole palette hums with creativity and calm.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Powder Blue (#CEDAFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mauve (#999AD5): A luminous, balanced violet — the color of wild irises.
• Slate (#5C63A7): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#32365E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Sophistication. Tagged monochrome, muted, cool.

Use it as a design system

One click turns Timeworn Petrol 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

• Powder Harbor color palette (#FFF0FA, #DED2D8, #A9ACE9, #686B95, #3C2235)
• Washed Petrol color palette (#ECF7FF, #B4DAF6, #5EA6C8, #007094, #093D53)
• Hushed Mulberry color palette (#F5F3FF, #D8CCF6, #BE90BD, #8B4E82, #4C2C4B)
• Cobalt Canyon color palette (#FFF0FA, #C3C8F9, #6E76C1, #464A7F, #482D40)
• Tempered Ash color palette (#EFF6FF, #DED8E2, #C9ADA1, #78AAC1, #474B5E)
• Weathered Lilac color palette (#F4F4FB, #CECDF2, #D0866A, #A574C5, #362A31)
• Muted Bloom color palette (#F5F4FE, #C29BCA, #B09962, #2B8D71, #3D3B4B)
• Straw Terrace color palette (#CDFFDD, #DADE8A, #D3BDFF, #494C66, #343642)

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