Petrol Villa color palette — #E5EDEF · #859EA9 · #53758B · #003330 · #000C0F
A conversation between Slate and Deep Forest, giving this palette its sense of sophistication.
The five colors
- Cream (#E5EDEF): a clean, paper-quiet neutral.
- Blue Fog (#859EA9): A luminous, dusty blue — the color of deep harbor water.
- Slate (#53758B): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#003330): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000C0F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Sophistication. Tagged scandi, muted, light.
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
- Wandering Harbor color palette (#E8EEF5, #A1A9BA, #767CA1, #00366F, #0A1420)
- Ancient Abyss color palette (#EDF2EB, #96AA9E, #967C96, #005147, #040C02)
- Softworn Denim Archive color palette (#E7F0F5, #C0CED8, #90A2B6, #00606D, #203138)
- Washed Garden color palette (#CBE7F3, #009679, #006774, #003D74, #000507)
- Hushed Navy Corridor color palette (#D7ECF0, #006D91, #273B7D, #410009, #1E0D00)
- Wandering Lagoon color palette (#F0F6FF, #CCD2E4, #A2A3C7, #2449C9, #293344)
- Midnight Fern Workshop color palette (#D4EBDE, #546600, #0D3500, #001C14, #050700)
- Moonless Spruce color palette (#D9F2FF, #4B464E, #00343F, #1B1A22, #00050B)
Browse the whole catalog at Explore, or see today's palette.