Petrol Villa color palette — #C2EDF0 · #9FC3CB · #5DA1A9 · #53618D · #3E4568
Slate takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#C2EDF0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Ash (#9FC3CB): A luminous, dusty blue — the color of deep harbor water.
- Blue Fog (#5DA1A9): A luminous, dusty blue — the color of deep harbor water.
- Slate (#53618D): A full-bodied, dusty violet — the color of wild irises.
- Navy (#3E4568): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged vintage, retro, muted, cool.
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
- Ancient Pewter Drift color palette (#DEF8FD, #A9D0DD, #86A8BC, #677193, #4C4D64)
- Azure Loft color palette (#EEF7F6, #BBD9EC, #42A0D2, #00798C, #143E5C)
- Washed Lagoon color palette (#CEEBD4, #7FAFA6, #258C83, #724359, #4E384C)
- Worn Cobalt color palette (#DCEAF7, #9AADC9, #757AB1, #7B4C69, #452E4B)
- Petrol Lagoon color palette (#CFEEED, #59929E, #007093, #3C2F65, #260932)
- Washed Pewter Study color palette (#C9EBFF, #9DC7F5, #7E8ECF, #905485, #673248)
- Wandering Orchard color palette (#DDFAFF, #70CBC1, #00998D, #006157, #002825)
- Worn Cabin color palette (#DBECFB, #5E739B, #454978, #53003B, #27000D)
Browse the whole catalog at Explore, or see today's palette.