Timeworn Petrol color palette — #FFF0F8 · #DDD2D8 · #B0ACE6 · #645DA4 · #262346
Slate takes the lead with Mauve close behind in a set that reads as creativity and sophistication at first glance.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Silver (#DDD2D8): a clean, paper-quiet neutral.
- Mauve (#B0ACE6): A luminous, balanced violet — the color of wild irises.
- Slate (#645DA4): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Indigo (#262346): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Sophistication. Tagged monochrome, muted.
Use it as a design system
One click turns Timeworn Petrol 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 Pewter color palette (#FFF1F2, #E3D6D2, #CC9CC8, #8E5786, #371B35)
- Weathered Powder Corridor color palette (#FFF0F8, #DBE0FF, #B5B2FF, #7A81B6, #4A2C3D)
- Softworn Balcony color palette (#F1F5FF, #C1C2FF, #7A76AC, #4C4E77, #2D354F)
- Muted Basalt color palette (#F3E9FF, #D4D4C8, #BAADC5, #5D404B, #282123)
- Worn Petrol color palette (#DFFDF1, #BBE5E6, #7BBDE2, #1275A4, #003526)
- Worn Ridge color palette (#FDF2F5, #CFDDCD, #947AA4, #5E3A45, #25161B)
- Ancient Byzantium Archive color palette (#FAF1FF, #E3A8F6, #9A4BBB, #5D0073, #0C0012)
- Hushed Aubergine Hollow color palette (#F9F2FF, #F6CFE8, #B774F2, #7200A4, #200035)
Browse the whole catalog at Explore, or see today's palette.