Petrol Villa color palette — #E7EBE0 · #93BEB2 · #3B6CA9 · #004763 · #000D43
Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#E7EBE0): a clean, paper-quiet neutral.
- Ash (#93BEB2): A luminous, dusty teal — the color of sea glass.
- Slate (#3B6CA9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004763): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#000D43): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Muted Ridge color palette (#E9EADF, #9FBCA4, #00788A, #004B49, #001921)
- Gentle Sapphire color palette (#FAE9EF, #92B5D6, #425FC2, #004E59, #2E264E)
- Frosted Cornflower color palette (#E3F2F2, #A2C9F0, #3884EB, #00668E, #1A2B56)
- Softworn Lagoon color palette (#E2E4D6, #6CA7B1, #006376, #003939, #000D13)
- Hushed Cerulean Delta color palette (#F1F3E5, #B2DBC1, #0091B3, #006166, #00293A)
- Timeworn Abyss color palette (#EEEEE4, #608266, #00444D, #001F1D, #000202)
- Wandering Sapphire Station color palette (#FEEAE6, #C25673, #4660C8, #84003A, #050045)
- Chestnut Bloom color palette (#F1E5D4, #9A844C, #704E00, #472A00, #130E00)
Browse the whole catalog at Explore, or see today's palette.