Petrol Field color palette — #D7E3EA · #9AA0B2 · #8387A8 · #006D8D · #010B13

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

The five colors

• Silver (#D7E3EA): bright and airy, almost weightless.
• Blue Fog (#9AA0B2): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#8387A8): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#006D8D): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#010B13): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Antique Abyss color palette (#DAE5EB, #97A7B6, #7686A7, #004E5D, #000B12)
• Muted Ultramarine Basin color palette (#EAEDF4, #A49DAF, #9783A8, #4B55BC, #050914)
• Washed Spruce Pier color palette (#E6F1F7, #848E9A, #656A7F, #003039, #000103)
• Weathered Grape Cabin color palette (#E7EFFF, #777DAE, #7055A1, #6B3445, #1C041B)
• Aged Boulevard color palette (#E6EBF4, #C1BDCA, #AFA2BE, #627ACD, #1A1F29)
• Cypress Pier color palette (#CFEAE7, #509A77, #00735B, #005450, #000804)
• Patina Basin color palette (#F9E5FF, #007FCA, #2335E6, #680054, #00030D)
• Muted Indigo color palette (#CEE6FE, #00B3EB, #7282EE, #4F66FF, #00030C)

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