Petrol Field color palette — #F0E7E0 · #93B8D7 · #4B68AB · #004A52 · #17053F

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

The five colors

• Parchment (#F0E7E0): bright and airy, almost weightless.
• Sky (#93B8D7): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4B68AB): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Teal (#004A52): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#17053F): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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

• Muted Petrol Lagoon color palette (#F1E7E2, #94BFA5, #0073A6, #004C42, #011338)
• Washed Delta color palette (#E9DFDB, #6CA7B0, #006180, #003B2D, #000B1C)
• Wandering Corridor color palette (#FBEFE9, #A2DBE7, #008DC3, #006453, #002350)
• Nightshade Corridor color palette (#FFDAE5, #E2B2B4, #DE7D76, #454B99, #270725)
• Aged Balcony color palette (#EADBD4, #3F858A, #004254, #002015, #000104)
• Tempered Bloom color palette (#FFD5DA, #974891, #6A5F00, #005C33, #190018)
• Weathered Pine color palette (#F7F0ED, #C9E4DB, #65A8B6, #377B52, #1D3D32)
• Soft Grape Basin color palette (#E7F0FF, #7179D6, #6F32C1, #4C005D, #29001E)

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