Petrol Villa color palette — #EAF7FF · #71BCD6 · #C08D5D · #157E9B · #66404F
A conversation between Cerulean and Caramel, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EAF7FF): bright and airy, almost weightless.
- Cyan (#71BCD6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Caramel (#C08D5D): A luminous, balanced gold — the color of afternoon light on wheat.
- Cerulean (#157E9B): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#66404F): A full-bodied, dusty rose — the color of pressed rose petals.
Feels like: Trust, Stability, Optimism, 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
- Wandering Cobalt color palette (#EFF6FF, #95B1DC, #AF9559, #4D73AC, #3A5441)
- Muted Coast color palette (#E4FAFE, #6FC1B5, #C4819C, #278378, #564561)
- Washed Chapel color palette (#E7F6EF, #82BCDB, #BD87B8, #007CA8, #49242A)
- Driftwood Station color palette (#ECF7FF, #5EA1C7, #B67957, #83702E, #334553)
- Cerulean Corridor color palette (#ECF7FE, #99CDE6, #D09DCD, #0099CA, #50466A)
- Wandering Pier color palette (#ECF7FF, #DAD9E4, #D3BEDD, #6B96A0, #495461)
- Quiet Periwinkle color palette (#EEF6FF, #58A5FF, #B46B00, #004D95, #563000)
- Sand Basin color palette (#ECF9F2, #99E1FF, #FEB482, #63B4D5, #524C47)
Browse the whole catalog at Explore, or see today's palette.