Petrol Villa color palette — #EEE8E0 · #92BEB0 · #3E6CA9 · #004957 · #0A1038
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Parchment (#EEE8E0): a clean, paper-quiet neutral.
- Ash (#92BEB0): A luminous, dusty teal — the color of glacier melt.
- Slate (#3E6CA9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004957): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#0A1038): A deep, shadowed, dusty 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
- Softworn Cobalt color palette (#FBF0E0, #7BC5F1, #0073CB, #00505B, #051248)
- Petrol Canyon color palette (#EFE8DC, #81C1BE, #007986, #004D39, #001922)
- Wandering Cerulean color palette (#F7F1E8, #9FDCE6, #0C90B4, #00635A, #00283E)
- Wandering Teal Loft color palette (#D1EAEA, #00ABAE, #00696D, #003034, #000808)
- Antique Lagoon color palette (#F1E9DD, #388688, #00434F, #002018, #000103)
- Timeworn Lantern color palette (#F5F1EA, #C8E3E7, #B090AD, #3F7385, #452D3E)
- Wandering Canyon color palette (#FFF3E8, #CCEAFF, #718FDA, #006A67, #231142)
- Worn Plum Market color palette (#E0EDDC, #009387, #B3365B, #00524B, #2A000C)
Browse the whole catalog at Explore, or see today's palette.