Petrol Villa color palette — #EBF4F3 · #CEDCEF · #7CA2B7 · #417382 · #1F394A
Slate takes the lead with Blue Fog close behind in a set that reads as calm and sophistication at first glance.
The five colors
- Ivory (#EBF4F3): a clean, paper-quiet neutral.
- Powder Blue (#CEDCEF): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#7CA2B7): A luminous, dusty blue — the color of open sky before noon.
- Slate (#417382): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#1F394A): A deep, shadowed, 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
- Denim Pier color palette (#D4E5E2, #5EAAB4, #006374, #003939, #000D13)
- Petrol Boulevard color palette (#DAEEED, #97B7D6, #3B6DA7, #004762, #021239)
- Driftwood Dune color palette (#DFF7F9, #C6DCEE, #B2AAB6, #6A9797, #2B4044)
- Cypress Balcony color palette (#FAF3F0, #CDE4E1, #6DA1BE, #0F816D, #604A61)
- Aged Coast color palette (#D1E7E5, #35839C, #00415A, #001F23, #000103)
- Washed Bronze Orchard color palette (#DEF8F8, #6CAC8E, #5497B5, #86783C, #092D2E)
- Patina Lagoon Villa color palette (#EBF4F2, #A7CFDB, #308A93, #005C53, #00262D)
- Lagoon Summit color palette (#D0FBF1, #9DCB9B, #5F9B6D, #2F6547, #033D3F)
Browse the whole catalog at Explore, or see today's palette.