Petrol Villa color palette — #EEF3EF · #D5DBEF · #78A0CA · #007988 · #263651
Teal and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#EEF3EF): a clean, paper-quiet neutral.
- Silver (#D5DBEF): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#78A0CA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007988): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#263651): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, 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
- Washed Denim color palette (#E2EBE4, #7CA2BB, #005C94, #00393E, #000823)
- Hushed Petrol color palette (#E2ECE4, #85BEC7, #007794, #004C44, #001827)
- Aged Periwinkle color palette (#FAF4EF, #C9E7E8, #7C9ACC, #417A73, #644958)
- Worn Cerulean Meadow color palette (#EAF5EC, #9DDDDE, #0093A7, #00644F, #002938)
- Wandering Workshop color palette (#E5F2E7, #5F93A0, #00535C, #002D1F, #000508)
- Hushed Cobalt Canyon color palette (#F9EDFC, #C98694, #80975B, #3E7DB2, #302133)
- Lagoon Basin color palette (#FAF3F6, #D8D4DF, #C2BDE7, #51A29B, #474C64)
- Navy Study color palette (#D7E3D9, #597C9C, #00318D, #001E27, #01000B)
Browse the whole catalog at Explore, or see today's palette.