Weathered Petrol Villa color palette — #FFF1EF · #CDB2A0 · #94865E · #536490 · #684850
A conversation between Slate and Mocha, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1EF): a clean, paper-quiet neutral.
- Rosewood Mist (#CDB2A0): A luminous, dusty gold — the color of old brass.
- Mocha (#94865E): A luminous, dusty green — the color of fresh herbs.
- Slate (#536490): A full-bodied, dusty violet — the color of wild irises.
- Charcoal Brown (#684850): A full-bodied, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Weathered 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
- Cocoa Balcony color palette (#FFE5D9, #CFBC9D, #8B8963, #7B5768, #763B17)
- Bronze Hollow color palette (#FFF1F3, #D6B1A8, #AB7543, #48705B, #66455F)
- Antique Cabin color palette (#F9F5EC, #B7B18A, #548058, #774D4B, #4C4300)
- Muted Stone Hollow color palette (#DAF9DF, #9EC3AC, #6E9688, #44656A, #1B3F49)
- Tempered Bone color palette (#FFF0F9, #BFE3C4, #98BAB1, #8E95AA, #494F61)
- Wandering Archive color palette (#F4E1CC, #9C966C, #42715E, #653C60, #5C2B2C)
- Washed Iris Drift color palette (#FAF5E6, #A6A361, #847ECD, #6E6800, #3F3A6D)
- Hazy Study color palette (#FBD7CA, #BF9573, #767630, #343B9C, #5A205B)
Browse the whole catalog at Explore, or see today's palette.