Petrol Studio color palette — #E7F6EF · #84BCD8 · #B88AB4 · #2E7B9D · #48252B

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

The five colors

• Cream (#E7F6EF): bright and airy, almost weightless.
• Sky (#84BCD8): A luminous, dusty blue — the color of open sky before noon.
• Dusty Rose (#B88AB4): A luminous, dusty pink — the color of peonies in June.
• Slate (#2E7B9D): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#48252B): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.

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

• Patina Cobalt color palette (#EEF6FE, #8AB5D9, #CE7F80, #2F78AD, #6B3F3F)
• Wandering Parlor color palette (#F9EDF9, #96B6DF, #6EAC8A, #4F73A2, #30322B)
• Washed Atelier color palette (#DFF9EF, #6CA4C6, #9880BA, #378971, #152D25)
• Muted Villa color palette (#ECF5E9, #84C1B5, #B6975E, #1C8374, #34302A)
• Aged Cerulean color palette (#EDF7FE, #A2CAE6, #D19DCB, #1F98CA, #61405E)
• Worn Denim color palette (#FFECF5, #A19BD6, #1FA19F, #6358A1, #002E2E)
• Worn Loft color palette (#D4FCF0, #A3CCF1, #5A8BB3, #1D4C6F, #00271E)
• Washed Denim color palette (#F9EEF6, #E5B7AC, #565F85, #40283A, #191117)

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