Petrol Villa color palette — #D1F6FE · #007B8B · #003E45 · #001419 · #000303
Teal takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D1F6FE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007B8B): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003E45): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001419): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000303): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, 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
- Moonless Villa color palette (#D0ECDD, #00845E, #00422E, #00150A, #000502)
- Hushed Balcony color palette (#DEF2F7, #00B3D0, #008296, #00505A, #000304)
- Moonless Cobalt color palette (#C9E7FF, #0076C0, #003961, #001322, #000308)
- Cerulean Basin color palette (#D2F3F7, #0096AD, #006270, #002B33, #000203)
- Antique Cobalt color palette (#C0ECF0, #74B5D7, #4B7FC7, #004F46, #00181D)
- Dusty Studio color palette (#D8E8FA, #0068C1, #4C006E, #00264E, #040008)
- Velvet Garnet Boulevard color palette (#DFEFFF, #004775, #621800, #221D00, #00050D)
- Magenta Villa color palette (#EEE1C6, #D500D1, #007CA8, #090E17, #000204)
Browse the whole catalog at Explore, or see today's palette.