Petrol Villa color palette — #EEE8E0 · #90BFAC · #236FAE · #004A52 · #02113A
Slate takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#EEE8E0): a clean, paper-quiet neutral.
- Mint Leaf (#90BFAC): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#236FAE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004A52): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#02113A): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Petrol Cabin color palette (#F1E8DA, #7FC1BD, #007984, #004D37, #001921)
- Timeworn Terrace color palette (#F8F1E6, #A5D3C5, #5C7DB0, #00596C, #171D3F)
- Wandering Petrol color palette (#F4ECF0, #94B6D0, #3F65B1, #00504A, #2F2552)
- Cerulean Balcony color palette (#F1E5D2, #3997AE, #00506E, #002C2B, #00050D)
- Ancient Petrol Station color palette (#F5F1EA, #C8E2E4, #AE91AF, #3E7480, #422F3E)
- Linen Plum Delta color palette (#FDD9E0, #AE3C61, #506900, #00507F, #1D0008)
- Hushed Courtyard color palette (#FFDFDB, #C74D80, #007D68, #820048, #001711)
- Soft Amber color palette (#FFE1DB, #FBB3A8, #D68B4F, #894670, #331208)
Browse the whole catalog at Explore, or see today's palette.