Petrol Villa color palette — #EDF4EF · #CADADA · #C6AEC6 · #007185 · #17241C
Built around Teal, softened by Mauve — the whole palette hums with trust and stability.
The five colors
- Cream (#EDF4EF): a clean, paper-quiet neutral.
- Silver (#CADADA): a clean, paper-quiet neutral.
- Mauve (#C6AEC6): A luminous, dusty pink — the color of a candy shop window.
- Teal (#007185): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#17241C): 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
- Softworn Cypress color palette (#F0F3ED, #CCDAD5, #A4BFAB, #2C735B, #1D2317)
- Dusty Cypress color palette (#ECF7FC, #D5D8EA, #ABB3C9, #1C707A, #333C40)
- Indigo Courtyard color palette (#F8EFF3, #EAD1CC, #E0B1B6, #6E5DA5, #301F28)
- Hushed Lantern color palette (#F1F7F2, #CFE1E4, #D3C8B9, #009BAC, #28312A)
- Weathered Ultramarine color palette (#F7EFF6, #E5CBDB, #B2A2D1, #0051C4, #231423)
- Wandering Abyss color palette (#E0ECE6, #A1B9B2, #A4809E, #004B62, #020E08)
- Weathered Cypress color palette (#F3F3E6, #81AD86, #007756, #005153, #1B1F04)
- Petrol Cabin color palette (#CDE7DF, #006AA6, #182243, #00100C, #000301)
Browse the whole catalog at Explore, or see today's palette.