Petrol Field color palette — #E7F6F1 · #F6D7DD · #D3B5C6 · #2D6FA6 · #132A24

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

The five colors

• Ivory (#E7F6F1): bright and airy, almost weightless.
• Shell Pink (#F6D7DD): A whisper-light, dusty red — the color of late-summer berries.
• Rosewood Mist (#D3B5C6): A luminous, dusty pink — the color of neon signs at night.
• Slate (#2D6FA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#132A24): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Washed Pewter color palette (#F9EEF3, #E9D1CC, #DBB4B7, #705DA3, #2C2126)
• Wandering Petrol Villa color palette (#EDF6FF, #DAD7E8, #B7BAD2, #2570A4, #34414E)
• Worn Cypress color palette (#EDF4ED, #C1DFDD, #A8C7BC, #007A7E, #1D281E)
• Washed Denim color palette (#EDE7ED, #D6C6D0, #B49CA6, #335587, #1C121C)
• Worn Hollow color palette (#EBF9F3, #E6D4CE, #BABFB1, #519BC6, #293933)
• Aged Driftwood Balcony color palette (#F9EFF0, #E1D5CF, #B1AEA5, #9C787E, #3C3335)
• Antique Grove color palette (#D2E0F8, #ACA3F3, #9A6A96, #59554E, #282F00)
• Faded Olive color palette (#FFF0D6, #ADAD58, #577811, #1A536A, #292000)

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