Petrol Villa color palette — #EFE8DD · #8ABBD7 · #346FA5 · #004A53 · #041239
Slate and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#EFE8DD): a clean, paper-quiet neutral.
- Sky (#8ABBD7): A luminous, dusty blue — the color of open sky before noon.
- Slate (#346FA5): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004A53): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#041239): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Petrol Lagoon color palette (#EFE8DC, #7FC1BE, #007985, #004D38, #001922)
- Tempered Sapphire Villa color palette (#F4ECF0, #98B5CC, #3C63B8, #00504B, #302453)
- Cobalt Boulevard color palette (#F6F1E9, #9FD4C5, #5F7CAD, #00586C, #32142B)
- Patina Villa color palette (#CBEFE4, #ABC0FC, #A796D0, #006781, #2B112A)
- Wandering Cobalt color palette (#E6F2E8, #9DCCE7, #318AD9, #006A77, #122960)
- Cerulean Corridor color palette (#C8F1F5, #0096B5, #006286, #003453, #001633)
- Ancient Denim Study color palette (#EBE3D7, #5894A5, #00506F, #002C2B, #00040D)
- Hushed Denim color palette (#CCE3FF, #5A96E1, #0058A2, #002551, #000511)
Browse the whole catalog at Explore, or see today's palette.