Petrol Villa color palette — #DBEDED · #7ABBED · #336EAA · #004760 · #011336
Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#DBEDED): a clean, paper-quiet neutral.
- Sky (#7ABBED): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#336EAA): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004760): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#011336): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Weathered Canyon color palette (#F4EEE4, #89B7DB, #4069A1, #004D5D, #202955)
- Petrol Lagoon color palette (#DAEEEA, #76C2C6, #007987, #004C46, #001A20)
- Airy Corridor color palette (#D8E9FF, #B9C6FF, #A292E4, #30638D, #0C1934)
- Patina Cerulean color palette (#E0F8F4, #81E1F1, #0092AE, #006263, #002A38)
- Muted Cerulean color palette (#DDF2F0, #3096BB, #005071, #002B32, #00050C)
- Quiet Cornflower Veranda color palette (#FAE9EF, #A1CAE8, #6381D9, #006C6A, #332352)
- Misty Sapphire Corridor color palette (#E0EDFF, #0067D0, #893097, #005855, #000A1F)
- Weathered Hollow color palette (#D6E4F4, #0082DE, #AB377F, #00487F, #270019)
Browse the whole catalog at Explore, or see today's palette.