Petrol Villa color palette — #ECF1E2 · #93B5D7 · #3368AF · #004B6A · #172A5A
Slate and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#ECF1E2): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#93B5D7): A luminous, dusty blue — the color of deep harbor water.
- Slate (#3368AF): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004B6A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Navy (#172A5A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Dusty Petrol Canyon color palette (#EEF0E0, #91BDA4, #007295, #004F56, #003249)
- Antique Sapphire color palette (#F2E7DC, #8BC0B2, #4B64B9, #004A54, #18083A)
- Washed Cobalt Atelier color palette (#F8EAEF, #ABC8E5, #6982CF, #006A78, #2F2355)
- Pale Periwinkle color palette (#E6F1F1, #B0D8FF, #64A5FF, #0089BD, #1B2C52)
- Tempered Cerulean color palette (#F4F7E6, #9DD9E9, #008DB0, #00656C, #004661)
- Denim Station color palette (#DFE3D4, #5A98B7, #004F77, #002E39, #00152A)
- Sunlit Emerald Basin color palette (#DFE0C6, #529130, #00749E, #255700, #002D41)
- Hushed Ash Grove color palette (#F5F6EE, #C6E8DE, #63A6AB, #5F7754, #385140)
Browse the whole catalog at Explore, or see today's palette.