Petrol Market color palette — #F2F7EC · #71C1A3 · #6B64A9 · #007155 · #301D28

Slate takes the lead with Pine close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Mint Leaf (#71C1A3): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#6B64A9): A full-bodied, balanced violet — the color of twilight just after sunset.
• Pine (#007155): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#301D28): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Sophistication. Tagged duotone, 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

• Hushed Cobalt Alley color palette (#E8F4F7, #6DC5BD, #5B70B8, #00746E, #050E1F)
• Ancient Plum Chapel color palette (#F0F8F0, #50C3C3, #9B5477, #006E6E, #341C1B)
• Washed Corridor color palette (#F7F6EA, #A5B86F, #0E78A5, #566900, #142921)
• Muted Veranda color palette (#F2F7F1, #8AD4CD, #698DDB, #00948C, #2F1D2D)
• Patina Market color palette (#FFF3E7, #31ACA4, #4E68A1, #6F4203, #284434)
• Feathered Drift color palette (#C6FCDE, #60C5C5, #337CA2, #39498F, #4F2370)
• Chalky Mulberry color palette (#F1F9E6, #4E9A78, #824C83, #4B4B00, #1E3B19)
• Faded Grape Boulevard color palette (#E8F7E6, #00A39C, #6E1DB1, #00524E, #1A022F)

Browse the whole catalog at Explore, or see today's palette.