Petrol Villa color palette — #D3F8F5 · #008293 · #004D6C · #00234F · #0E002F
Cerulean takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#D3F8F5): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#008293): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#004D6C): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#00234F): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#0E002F): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Navy Summit color palette (#BFEBF0, #007A9D, #004082, #1C0C6D, #0D001E)
- Muted Cerulean Loft color palette (#D2EDF0, #00A3C1, #006A91, #003152, #00071E)
- Worn Pine Canyon color palette (#DFEDDA, #007F4C, #004F4D, #00282E, #000E17)
- Washed Cobalt Harbor color palette (#CCE2FA, #007FD5, #00408E, #00163E, #000206)
- Petrol Villa color palette (#DEEFFF, #0072AC, #844500, #003A5B, #110500)
- Tempered Study color palette (#A4F2F5, #00B8E9, #1684C5, #35467D, #2A2E4A)
- Powdered Coast color palette (#DBF2FF, #AAA9FB, #B76FA3, #00534A, #010C22)
- Bronze Loft color palette (#D3EAD3, #A37700, #007CA6, #060C18, #000103)
Browse the whole catalog at Explore, or see today's palette.