Petrol Villa color palette — #EEF7F7 · #D6DBEC · #7D9DBB · #4A758C · #41546A
Built around Slate, softened by Blue Fog — the whole palette hums with calm and sophistication.
The five colors
- Ivory (#EEF7F7): a clean, paper-quiet neutral.
- Silver (#D6DBEC): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#7D9DBB): A luminous, dusty blue — the color of deep harbor water.
- Slate (#4A758C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Peacock (#41546A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: 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
- Cypress Field color palette (#F7F0F3, #D8D1E4, #829EC6, #007A7F, #2D354C)
- Worn Denim color palette (#D9EBEA, #62A9C9, #005E89, #003C48, #00213B)
- Softworn Lagoon Summit color palette (#FAF4EF, #CCE7E8, #92B3E0, #469497, #63495B)
- Tempered Pewter color palette (#F9F2FE, #D49EB2, #7A9ACB, #9F5975, #3C4E66)
- Patina Lantern color palette (#FCF1FE, #E9D4D9, #B5ADA1, #93809B, #5E4D5C)
- Dusty Petrol color palette (#E4FBF6, #77C7CD, #007C8B, #005651, #003A46)
- Tempered Balcony color palette (#D0E5E5, #5E84A7, #003B77, #00202F, #00032A)
- Worn Lagoon Lantern color palette (#DFF0EC, #4A9F9C, #005458, #003128, #00181B)
Browse the whole catalog at Explore, or see today's palette.