Timeworn Petrol Villa color palette — #FAF2F7 · #B7BDE8 · #AE675F · #6166A4 · #332C29
Slate takes the lead with Mocha close behind in a set that reads as creativity and sophistication at first glance.
The five colors
- Ivory (#FAF2F7): a clean, paper-quiet neutral.
- Lavender (#B7BDE8): A luminous, dusty violet — the color of wild irises.
- Mocha (#AE675F): A full-bodied, balanced orange — the color of toasted spice.
- Slate (#6166A4): A full-bodied, balanced violet — the color of wild irises.
- Espresso (#332C29): a grounded near-black with real depth.
Feels like: Creativity, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Timeworn Petrol Villa 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
- Hushed Pewter color palette (#FCF2F3, #DEAED8, #9E7250, #8C5886, #322D28)
- Petrol Study color palette (#EEF8F3, #90C9E8, #986C95, #317597, #3A282B)
- Timeworn Indigo Cabin color palette (#F1F1F8, #BEBFE6, #AD6A8F, #825EA9, #19131E)
- Ash Grove color palette (#F9F6E1, #B09CD3, #9C6476, #2C655C, #5A3F45)
- Lilac Veranda color palette (#FAF3F5, #EFC3D2, #C981AA, #9D79C5, #3C2828)
- Patina Delta color palette (#F3F4FF, #CCB0DF, #AB7495, #83434E, #753320)
- Patina Villa color palette (#FBF2F5, #E0D8D5, #A9AEA1, #8D789E, #5B4F52)
- Plum Coast color palette (#EFDBDC, #AC4E95, #5F3100, #59004A, #070200)
Browse the whole catalog at Explore, or see today's palette.