Petrol Villa color palette — #ECF9F3 · #C6DFE2 · #CDAFCF · #00688D · #02100A
Built around Peacock, softened by Mauve — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF9F3): a clean, paper-quiet neutral.
- Silver (#C6DFE2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Mauve (#CDAFCF): A luminous, dusty pink — the color of neon signs at night.
- Peacock (#00688D): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#02100A): 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
- Worn Cypress Alley color palette (#EFF8F0, #C4E1DD, #9FC5B0, #006D72, #041005)
- Patina Denim Canyon color palette (#FCF1F8, #E9D3D4, #D1B0BD, #5154A7, #160611)
- Abyss Alley color palette (#EAF1F5, #A9B5C0, #838EA0, #004B62, #000C16)
- Cerulean Balcony color palette (#DEE6E2, #D7BDC6, #BDA2A5, #008EB1, #13231B)
- Midnight Field color palette (#F0D8F0, #005BBF, #06073C, #070D11, #030003)
- Timeworn Chapel color palette (#FDF1FB, #E8D5D7, #D4A7A7, #4576E8, #301D2E)
- Timeworn Violet Hollow color palette (#FBF3F5, #E5D8D4, #E6BCAD, #8D5DB3, #2A181E)
- Violet Station color palette (#D9E3FF, #A19FE1, #8767AD, #6A323E, #2D0002)
Browse the whole catalog at Explore, or see today's palette.