Petrol Villa color palette — #F5F1EB · #C9E1E4 · #AF90AE · #00778F · #442D3F
Teal takes the lead with Dusty Rose close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F5F1EB): bright and airy, almost weightless.
- Silver (#C9E1E4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Dusty Rose (#AF90AE): A luminous, dusty pink — the color of a candy shop window.
- Teal (#00778F): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#442D3F): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Softworn Iris color palette (#F5F1EB, #C3E5DC, #708DC7, #006884, #25284C)
- Wandering Cypress Parlor color palette (#F5F1EB, #C6E4DF, #72A4B9, #007C73, #1E3D34)
- Powdered Denim color palette (#D6F7E1, #81B9D3, #488FBF, #23619A, #472D45)
- Muted Cobalt color palette (#E7F6F1, #8FB8DE, #C09257, #0A76BF, #432B07)
- Muted Harbor color palette (#F9EDFB, #EAD2D4, #DFB6AF, #6498B3, #43343F)
- Weathered Atelier color palette (#E9E1D6, #72A3C3, #0058A4, #003841, #02022F)
- Tempered Petrol color palette (#EFE8DC, #85BECD, #00759D, #004B49, #00172B)
- Softworn Olive color palette (#FAEDFA, #789FCF, #B9797F, #5B873D, #312032)
Browse the whole catalog at Explore, or see today's palette.