Petrol Field color palette — #E9EDDC · #66BDAC · #3574A1 · #6C3634 · #340E0E

Slate takes the lead with Mint Leaf close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#E9EDDC): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#66BDAC): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#3574A1): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#6C3634): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#340E0E): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Petrol Field 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

• Hazy Mint Archive color palette (#EAEBA3, #53C28F, #3F82A2, #612F3E, #290512)
• Frosted Turquoise Quarry color palette (#BAF1D3, #00B8CC, #5A6BA4, #603C1E, #2A1200)
• Cerulean Boulevard color palette (#C9ECE6, #70B4BB, #3E98B0, #62608A, #2F1E40)
• Garnet Market color palette (#EBEFD1, #608B6A, #00656D, #6D1031, #422200)
• Worn Aqua color palette (#DEFFE5, #4CDCE3, #7889CF, #845207, #492A00)
• Worn Jade Courtyard color palette (#FCF5DC, #51BB6A, #006F64, #3E3F00, #070900)
• Washed Teal Parlor color palette (#D2E3D7, #00AC95, #006D72, #00374E, #000C1E)
• Dusty Turquoise color palette (#E0F4FF, #00C0E5, #007092, #002836, #000103)

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