Petrol Studio color palette — #D1E7E6 · #79A7CC · #0067B8 · #00465E · #001135

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

The five colors

• Silver (#D1E7E6): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#79A7CC): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#0067B8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#00465E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001135): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Tempered Petrol color palette (#E4F3F0, #62AFC1, #00718E, #00494D, #001722)
• Ultramarine Lantern color palette (#FBE9EF, #84BEE9, #445DC0, #003E3D, #04000F)
• Softworn Orchard color palette (#F8EEE0, #84B6DE, #4482DC, #006A7F, #0A0246)
• Aged Nightshade Loft color palette (#F6E0E7, #4D97CB, #0B39AF, #002F34, #14023F)
• Chalky Cobalt Field color palette (#E7F1F0, #94CCF1, #0C8CDE, #006883, #152E4E)
• Dusty Cerulean Cabin color palette (#E2FCF6, #8ADBDA, #009FA9, #007466, #003A43)
• Ancient Aqua color palette (#EFF7F6, #D2DFEF, #64C0D5, #589290, #405662)
• Worn Atelier color palette (#EFE6F2, #D02C65, #2C47F6, #820038, #03013E)

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