Petrol Study color palette — #E3ECE4 · #78BFD5 · #0074A1 · #004B4B · #00172D

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

The five colors

• Parchment (#E3ECE4): bright and airy, almost weightless.
• Sky (#78BFD5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#0074A1): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#00172D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Soft Sapphire color palette (#E2ECE4, #98B7D5, #2963D3, #00485B, #0F1034)
• Dusty Meadow color palette (#F9EBE4, #62C0DA, #186CAB, #00523F, #242951)
• Cerulean Thicket color palette (#F7EDDE, #8AD1E6, #0091C8, #006C6B, #11304B)
• Cornflower Drift color palette (#EAF5EC, #ABD5FC, #387AFB, #005F76, #1D1F49)
• Worn Navy Quarry color palette (#DCE8DE, #3E80A5, #003C6F, #001E24, #00000D)
• Aged Ridge color palette (#CCF8EC, #00A98B, #006455, #002B24, #000705)
• Pale Turquoise color palette (#CDF8FB, #78DCDA, #1CB3E7, #36743D, #001F24)
• Emerald Atelier color palette (#DFEBD5, #319B28, #006C37, #004430, #001C19)

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