Petrol Villa color palette — #FAECE1 · #69BDE3 · #3667AF · #005147 · #2C2654
Slate takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#FAECE1): A whisper-light, dusty gold — the color of old brass.
- Cyan (#69BDE3): A luminous, balanced blue — the color of open sky before noon.
- Slate (#3667AF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#2C2654): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Petrol Lagoon color palette (#FDEAE3, #5FC4C6, #007393, #0E5326, #132E4F)
- Antique Basin color palette (#FBF4EC, #9FCCE9, #5675BF, #00605C, #3D3358)
- Aged Petrol color palette (#DAEEEC, #89BBD5, #0072A8, #004958, #00172C)
- Weathered Forest Dune color palette (#FFF2EE, #92DEDF, #008CB2, #006C2D, #1C416C)
- Muted Cerulean Coast color palette (#F2DFD6, #00A0BA, #004E7A, #003122, #080C39)
- Periwinkle Bloom color palette (#F4ECF0, #A7DCF6, #58A8FD, #009190, #20275C)
- Navy Studio color palette (#F6EADD, #5185B2, #2A3081, #002223, #100021)
- Patina Veranda color palette (#F4DBE6, #B91B7B, #006D6B, #074F64, #351313)
Browse the whole catalog at Explore, or see today's palette.