Petrol Villa color palette — #E5F2E7 · #6EC8C6 · #007581 · #00402E · #000305
Teal takes the lead with Aqua close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E5F2E7): A whisper-light, dusty teal — the color of sea glass.
- Aqua (#6EC8C6): A luminous, balanced teal — the color of glacier melt.
- Teal (#007581): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00402E): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000305): a grounded near-black with real depth.
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
- Worn Petrol Loft color palette (#E5F2E8, #7BC0E8, #0069B6, #003D45, #000016)
- Softworn Study color palette (#ECF9EE, #7EDCED, #0087AB, #00524B, #000E1A)
- Weathered Coast color palette (#F3E6DF, #309C9A, #005362, #002E18, #00050B)
- Jade Study color palette (#D1E7D6, #00B261, #005F34, #001805, #000200)
- Hushed Quarry color palette (#E8DAE9, #30C7C6, #0091B4, #007325, #00142C)
- Washed Turquoise Villa color palette (#EAFAED, #C4E8FF, #00ABCD, #007464, #00283B)
- Weathered Turquoise color palette (#C4FDF5, #90E4C3, #00AFB9, #576100, #000703)
- Dusty Olive color palette (#EEECD8, #788600, #466300, #003508, #000501)
Browse the whole catalog at Explore, or see today's palette.