Petrol Villa color palette — #CDF1E6 · #006AA6 · #331B2F · #00100C · #000301
Peacock takes the lead with Onyx close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#CDF1E6): A whisper-light, dusty teal — the color of sea glass.
- Peacock (#006AA6): A full-bodied, balanced blue — the color of open sky before noon.
- Onyx (#331B2F): A deep, shadowed, dusty pink — the color of peonies in June.
- Ink (#00100C): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Twilit Petrol color palette (#D7E7DC, #007182, #032D21, #011106, #010301)
- Ultramarine Drift color palette (#F6E5F4, #1858D6, #38192C, #120812, #000302)
- Weathered Ridge color palette (#D1E2F3, #0086D5, #2B415D, #112333, #070E14)
- Cobalt Terrace color palette (#DCFEF3, #0092DB, #4A283C, #00140E, #000200)
- Navy Ridge color palette (#FBE8FB, #004285, #0B0332, #060D11, #030004)
- Violet Veranda color palette (#F9E8EF, #906AD1, #4A3539, #261A1F, #100A0E)
- Nightshade Archive color palette (#FAE0F1, #7F85E7, #887E00, #4746A4, #201D00)
- Wandering Cerulean Veranda color palette (#F7F1E7, #AAD3B9, #1C87B0, #005C58, #00271F)
Browse the whole catalog at Explore, or see today's palette.