Petrol Field color palette — #E1DCEA · #E3A99D · #BB955A · #4377A7 · #313B5A

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

The five colors

• Silver (#E1DCEA): bright and airy, almost weightless.
• Rosewood Mist (#E3A99D): A luminous, dusty orange — the color of autumn markets.
• Camel (#BB955A): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#4377A7): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#313B5A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, 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

• Wandering Market color palette (#E9EBFF, #DEA6C2, #C5816C, #008085, #193760)
• Dusty Cerulean Field color palette (#E5D8F5, #DCB4D1, #97B39A, #6389AE, #3D4063)
• Weathered Cobalt color palette (#FFE9E5, #CFAC83, #95A566, #716AA7, #501F45)
• Denim Parlor color palette (#FED8E4, #CB8E71, #9C8640, #3860AA, #391F45)
• Timeworn Driftwood color palette (#EFE4D1, #B1A284, #828B4C, #006B5D, #003D3D)
• Softworn Mustard color palette (#D3E3D3, #F7B44B, #009ACE, #AD7500, #002D40)
• Amber Grove color palette (#ECD8E0, #C98167, #73611B, #1D3B5A, #002240)
• Nightshade Summit color palette (#FFE6E6, #AD8767, #677B3A, #51428B, #341032)

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