Petrol Villa color palette — #E8F1EB · #DFD3E1 · #C6B0BC · #247E8F · #263129
Teal takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E8F1EB): bright and airy, almost weightless.
- Silver (#DFD3E1): A whisper-light, dusty pink — the color of peonies in June.
- Rosewood Mist (#C6B0BC): A luminous, dusty pink — the color of neon signs at night.
- Teal (#247E8F): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#263129): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Petrol Delta color palette (#D6E5DE, #CFBECA, #BF99A4, #006991, #13231D)
- Worn Pine Loft color palette (#ECF0E7, #CADDCD, #9EC0B4, #1A8560, #2B3023)
- Azure Hollow color palette (#EAF0ED, #C6D7D7, #A5BEC1, #00A1C9, #1D3328)
- Tempered Thicket color palette (#FFF0FC, #F4D4DF, #DEB1B1, #5573C2, #3E2C3B)
- Cerulean Pier color palette (#EEF8F5, #E3D4CD, #A4A293, #6C94B8, #3D4B47)
- Quiet Jade color palette (#EDE4CA, #77B872, #008570, #2D5B76, #292B09)
- Dusty Terracotta Corridor color palette (#D2E8DA, #0096B1, #AB3600, #5B3B00, #2C1C00)
- Timeworn Periwinkle Alley color palette (#D6F6F7, #84ABE4, #946C93, #6E5F34, #3B3731)
Browse the whole catalog at Explore, or see today's palette.