Petrol Villa color palette — #F1F6FC · #DAD8E9 · #ACBBE2 · #416AA9 · #39404A
Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F1F6FC): a clean, paper-quiet neutral.
- Silver (#DAD8E9): A whisper-light, dusty violet — the color of wild irises.
- Sky (#ACBBE2): A luminous, dusty violet — the color of a velvet chair.
- Slate (#416AA9): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#39404A): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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 Atelier color palette (#EBF3FB, #DAD4EB, #BCBDD4, #3E6F9C, #1A2632)
- Dusty Bloom color palette (#EAEFF7, #C5CCDD, #999FB8, #364E9A, #252E3D)
- Cerulean Field color palette (#ECF8F5, #F0DADD, #E2BCB7, #598BBA, #2E453F)
- Wandering Violet color palette (#F1F5FF, #BAD7FF, #9DA9FF, #9351DF, #322D5B)
- Grape Basin color palette (#F5F3FE, #D5CEE4, #C398AF, #892495, #343043)
- Tempered Aubergine color palette (#EEEEF8, #AAA5BE, #84789D, #530671, #131221)
- Washed Parlor color palette (#EEE5FF, #BB92D0, #AC5F9B, #84402C, #5E3C4C)
- Obsidian Harbor color palette (#D7DFF7, #5F40E9, #2F1F4F, #0F162E, #090710)
Browse the whole catalog at Explore, or see today's palette.