Petrol Atelier color palette — #F0F7F4 · #8FCAE5 · #7B73B5 · #06789C · #372930

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Sky (#8FCAE5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#7B73B5): A full-bodied, balanced violet — the color of a velvet chair.
• Slate (#06789C): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#372930): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

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

• Dusty Basin color palette (#F2F7F1, #8CD0C2, #577BC3, #007F6F, #332A32)
• Dusty Market color palette (#F9F3F7, #B1BCF7, #A66199, #5F68A1, #39292A)
• Driftwood Orchard color palette (#EDF4EE, #81D3DC, #A46F94, #347E85, #1E1213)
• Worn Cobalt color palette (#D8FFF3, #A5C0F4, #7578C2, #624D89, #593864)
• Softworn Meadow color palette (#FCF4E8, #83AADE, #7D69AE, #73512E, #53414F)
• Ash Drift color palette (#EEF7FA, #8CE2E8, #C285AD, #52999F, #312B38)
• Ancient Cerulean color palette (#EFF7F5, #DFD4D1, #A9A092, #6185AA, #4C5552)
• Aged Terracotta color palette (#EEF8F3, #3288B4, #9A464F, #615019, #2C3326)

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