Petrol Villa color palette — #EAF4F3 · #D2DAEE · #81A0BA · #307587 · #24384B
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#EAF4F3): bright and airy, almost weightless.
- Silver (#D2DAEE): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#81A0BA): A luminous, dusty blue — the color of open sky before noon.
- Teal (#307587): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#24384B): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Wandering Bloom color palette (#E0ECEA, #90BBCB, #00788B, #004B49, #001922)
- Patina Driftwood Meadow color palette (#EFF1FF, #A690C5, #B87983, #477FA1, #252636)
- Hushed Cypress color palette (#FAF4F0, #C9E8E9, #7F9CBE, #167E7E, #64485C)
- Muted Iris Hollow color palette (#DCE8FF, #A7ACE0, #847FBA, #65578A, #30314D)
- Lagoon Lagoon color palette (#FBF2F7, #D7D4DF, #BCBEE5, #609E9E, #444D61)
- Navy Loft color palette (#DBEFEE, #4C7EA5, #003C71, #001D2A, #000107)
- Lagoon Loft color palette (#E6F6F2, #A6D9E7, #00959C, #006356, #002B31)
- Taupe Delta color palette (#EFF1FF, #B8ABD9, #CC8976, #77679C, #41273A)
Browse the whole catalog at Explore, or see today's palette.