Petrol Villa color palette — #E6DFD4 · #67AFB9 · #00718D · #004B42 · #001624
Teal takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Bone (#E6DFD4): bright and airy, almost weightless.
- Cyan (#67AFB9): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00718D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B42): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001624): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Dusty Villa color palette (#F3EDE5, #75BDD7, #007DB6, #00595C, #001F42)
- Muted Petrol color palette (#E1F3EF, #6CC7D4, #007388, #003E3D, #000305)
- Antique Cerulean color palette (#ECDDD7, #3F9FAA, #005071, #00321C, #010F38)
- Faded Balcony color palette (#F4ECDE, #72A6DA, #2156E0, #00475B, #0F0A39)
- Softworn Drift color palette (#F3EEE5, #AACFB0, #0096B1, #006E5D, #003347)
- Turquoise Delta color palette (#FCF4E8, #A1EBE6, #00B0BF, #008662, #004759)
- Scarlet Field color palette (#F3DFD6, #D3331E, #00747E, #840C00, #001316)
- Periwinkle Cabin color palette (#F9F4EC, #C3F1DF, #6FA9E6, #108A9A, #553F52)
Browse the whole catalog at Explore, or see today's palette.