Petrol Villa color palette — #ECF4F1 · #E5D5D9 · #D3B5C6 · #0071B0 · #0F2B24
Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF4F1): bright and airy, almost weightless.
- Silver (#E5D5D9): a clean, paper-quiet neutral.
- Rosewood Mist (#D3B5C6): A luminous, dusty pink — the color of neon signs at night.
- Slate (#0071B0): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#0F2B24): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Sapphire Loft color palette (#F8EEF5, #E3D1D0, #D5B6BD, #565FBF, #311E2B)
- Muted Petrol color palette (#F0F6FB, #DCD8ED, #BAB9D4, #0073A2, #33424D)
- Aged Harbor color palette (#EEF3EE, #CADBD9, #A8C7BB, #007B7C, #1C291C)
- Weathered Bloom color palette (#EEE6EE, #D3C7CF, #B59BA7, #0953A1, #1D111E)
- Ancient Ridge color palette (#EDF8F4, #E5D3CE, #B8BEB0, #009CDF, #213B32)
- Driftwood Terrace color palette (#F7EFF1, #DCD5D1, #B4B0A3, #9972A1, #3E3335)
- Wandering Driftwood Loft color palette (#FEE5FE, #C7A1B6, #996F9F, #644910, #2F3102)
- Dusty Studio color palette (#F9F1E3, #ADAB77, #5B7700, #00546D, #242200)
Browse the whole catalog at Explore, or see today's palette.