Petrol Villa color palette — #EDF7FF · #8DB5DC · #5C87BE · #4265A3 · #3D506F
Slate takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EDF7FF): a clean, paper-quiet neutral.
- Sky (#8DB5DC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#5C87BE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#4265A3): A full-bodied, balanced violet — the color of a velvet chair.
- Peacock (#3D506F): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Weathered Denim Thicket color palette (#F1F5FF, #BFCAF5, #717CB6, #434A87, #2A3155)
- Weathered Cerulean color palette (#E4FAFF, #82CACE, #339CA7, #007285, #2E5062)
- Aged Periwinkle Meadow color palette (#DEFFE8, #8CCCED, #66A5E7, #6973A7, #624654)
- Dusty Cerulean color palette (#F0F5FF, #DBD8E2, #CEA9AA, #7389B0, #454C5C)
- Weathered Bloom color palette (#EFF6FF, #7F98C7, #A578A2, #148788, #354357)
- Sunlit Nightshade Alley color palette (#E2ECFC, #809FFF, #585CE8, #4418C2, #3F2E76)
- Patina Delta color palette (#FFF0F8, #CFADBC, #977487, #804F3F, #554148)
- Timeworn Aubergine Courtyard color palette (#DEDEFE, #9384CE, #754DB0, #61208E, #452557)
Browse the whole catalog at Explore, or see today's palette.