Petrol Villa color palette — #D6F3F8 · #006C84 · #00364B · #000F1C · #010108
Peacock takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D6F3F8): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#006C84): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#00364B): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000F1C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#010108): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged dark, 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
- Aged Spruce Canyon color palette (#DDE9ED, #839FAC, #567588, #003236, #010B10)
- Tempered Lagoon Lagoon color palette (#E1F3FD, #00969E, #00708C, #004471, #000305)
- Weathered Petrol Summit color palette (#D0F6F3, #007D90, #004B65, #00213F, #000017)
- Petrol Orchard color palette (#D2EAF6, #2472AB, #223A71, #221836, #1A0313)
- Navy Balcony color palette (#E1F2FF, #005DA5, #001A7C, #06003E, #030013)
- Inked Navy color palette (#DAEDF9, #004456, #160060, #160015, #000202)
- Amethyst Study color palette (#DEE3F9, #714EE4, #48008E, #2A0043, #1A0022)
- Powdered Meadow color palette (#E2EEFF, #3968F7, #2D29B4, #26006E, #1E0042)
Browse the whole catalog at Explore, or see today's palette.