Petrol Villa color palette — #F1E8DA · #87BBDA · #326EA8 · #004A54 · #051237
Slate takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#F1E8DA): A whisper-light, dusty gold — the color of honey in a jar.
- Sky (#87BBDA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#326EA8): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004A54): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#051237): A deep, shadowed, dusty violet — the color of a velvet chair.
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 Market color palette (#F1E8D9, #84C0BE, #007986, #004D39, #001922)
- Worn Quarry color palette (#F6EBF0, #90B7D3, #3B64B8, #00504B, #2F2551)
- Softworn Cobalt Workshop color palette (#F8F1E5, #A7D2C6, #5D7CB1, #00586D, #191D3D)
- Denim Basin color palette (#ECE3D5, #4C95AA, #005070, #002C2B, #00040E)
- Wandering Teal color palette (#A2F4ED, #00B0A9, #006767, #003031, #000808)
- Softworn Periwinkle color palette (#DAEDD5, #9ED9E4, #63A7DC, #106E48, #04210C)
- Muted Lantern color palette (#D2ECD1, #009F68, #00654D, #003935, #001A1A)
- Cypress Alley color palette (#F5F1EA, #C4E7EA, #AE91AE, #4E755E, #442E3F)
Browse the whole catalog at Explore, or see today's palette.