Petrol Villa color palette — #FFF1F5 · #9979B2 · #AE6167 · #006EAC · #4E2C38
Peacock takes the lead with Mocha close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Slate Blue (#9979B2): A luminous, balanced violet — the color of a velvet chair.
- Mocha (#AE6167): A full-bodied, balanced red — the color of a theater curtain.
- Peacock (#006EAC): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#4E2C38): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Trust, Stability, Creativity, Balance. Tagged warm.
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
- Soft Veranda color palette (#FFF1F1, #B46F92, #B5621D, #5F5AB7, #502C2C)
- Hushed Ridge color palette (#FFF0FC, #7086C1, #A36097, #00777E, #492D44)
- Worn Pewter color palette (#FFF1F3, #E3D7D1, #E6A8BC, #8B669E, #664749)
- Hazy Cabin color palette (#FFF1F3, #D0A5CE, #945A95, #652264, #401740)
- Aged Moss color palette (#FFECF1, #A576C6, #6C8D00, #007E5E, #2F141E)
- Powdered Mulberry Quarry color palette (#F8DFD0, #AE6343, #737100, #8D2E7A, #40230E)
- Softworn Moss color palette (#F5F4FF, #C28ED3, #79A94A, #429B60, #38354B)
- Aged Grape Boulevard color palette (#FFE3E6, #D54166, #986700, #810CCF, #541826)
Browse the whole catalog at Explore, or see today's palette.