Petrol Villa color palette — #F3F4FF · #9686BA · #488D80 · #006B7E · #393B51
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F3F4FF): bright and airy, almost weightless.
- Slate Blue (#9686BA): A luminous, dusty violet — the color of twilight just after sunset.
- Fern (#488D80): A full-bodied, dusty teal — the color of sea glass.
- Peacock (#006B7E): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#393B51): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.
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
- Patina Ridge color palette (#F9F2FD, #B77C93, #5885A3, #4E5B93, #423948)
- Muted Archive color palette (#EDF7FF, #6996B5, #768750, #247041, #2D3F4E)
- Teal Basin color palette (#FFF1F5, #C198D9, #4CB091, #577FA2, #48383D)
- Weathered Amber Garden color palette (#FCEDF3, #C4844D, #798B4C, #006B74, #2C1E24)
- Dusty Forest Thicket color palette (#EDF9EF, #C89E7B, #8A7448, #246842, #5A3F48)
- Navy Corridor color palette (#F3EAFB, #A15279, #006995, #283B8D, #3C192A)
- Quiet Balcony color palette (#DBFFED, #807A00, #00776E, #005365, #302D00)
- Softworn Parlor color palette (#FFF2EE, #FFA5B0, #C6B776, #B48CA1, #4A3834)
Browse the whole catalog at Explore, or see today's palette.