Petrol Villa color palette — #F9F3FA · #F0AFB4 · #5CA16E · #037B9E · #252436
Built around Cerulean, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F3FA): bright and airy, almost weightless.
- Rose Quartz (#F0AFB4): A luminous, dusty red — the color of late-summer berries.
- Moss (#5CA16E): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#037B9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#252436): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns 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
- Wandering Market color palette (#FDF1F9, #DEA084, #57A194, #446498, #2C2435)
- Ancient Cypress color palette (#F5F4FD, #C7A4CB, #9B975D, #007868, #1F2B3C)
- Antique Field color palette (#FAF2FC, #FBA7B3, #9AAE57, #708EC2, #382F3A)
- Wandering Quarry color palette (#EBFAEE, #FFD0C8, #C19A6C, #058288, #4E3744)
- Faded Nightshade color palette (#ECF9ED, #CFA25C, #0092A5, #52469C, #1F0F1F)
- Airy Coral Corridor color palette (#FFF0FB, #F9786A, #009271, #005284, #1F001A)
- Timeworn Atelier color palette (#FCEFE7, #C77A64, #457B52, #2D5236, #22151C)
- Worn Rose Ridge color palette (#FFF2EE, #C66671, #48784C, #19586F, #422F35)
Browse the whole catalog at Explore, or see today's palette.