Petrol Market color palette — #EFF6FF · #C0BEE0 · #B19AAD · #557B8C · #3E5660
A conversation between Slate and Lavender, giving this palette its sense of sophistication.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Lavender (#C0BEE0): A luminous, dusty violet — the color of wild irises.
- Mauve (#B19AAD): A luminous, dusty pink — the color of peonies in June.
- Slate (#557B8C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#3E5660): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Market 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
- Driftwood Workshop color palette (#F3E5FF, #D0B0D1, #A78C52, #596A9C, #394B6B)
- Dusty Lagoon color palette (#F5F3FF, #E3D4EF, #CFAEC8, #649B96, #37585C)
- Weathered Lagoon color palette (#FCF2F5, #D9DDFA, #98A1D2, #198B90, #434463)
- Aged Chapel color palette (#FFF1F3, #CDAEAA, #B47254, #416B46, #295342)
- Wandering Workshop color palette (#FFF1F6, #CEC596, #7E996A, #657092, #31483B)
- Antique Terracotta color palette (#E1EFFF, #917AA4, #834856, #004259, #001F3F)
- Weathered Basin color palette (#FFE1EB, #B78970, #737433, #4C3E64, #2C1847)
- Chalky Coral color palette (#FFF0FE, #E58488, #32ABB1, #2F89B0, #433143)
Browse the whole catalog at Explore, or see today's palette.