Petrol Atelier color palette — #EEE8DF · #71BEE3 · #2670A7 · #004A51 · #051431

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#EEE8DF): bright and airy, almost weightless.
• Sky (#71BEE3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#2670A7): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004A51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#051431): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Muted Petrol color palette (#F8EAF1, #92B7D0, #326AA7, #00504F, #232A51)
• Worn Cobalt color palette (#F8F1E5, #99CEF6, #537DB6, #005969, #2F162A)
• Worn Alley color palette (#F3ECE0, #41AFAC, #00646E, #003B2A, #000D13)
• Cerulean Dune color palette (#F9F1E4, #7AE3E7, #0093A9, #006450, #002938)
• Hushed Ash Market color palette (#F6F1EA, #C2E8EA, #7CA0C6, #3D757F, #422F3F)
• Weathered Navy Orchard color palette (#F1E7D9, #397DB7, #00308E, #001E27, #01000B)
• Pale Plum Studio color palette (#FFDEE6, #C20064, #556700, #00517C, #1C0101)
• Dusty Raspberry color palette (#FFE9E7, #D33887, #007D6D, #7F094C, #001712)

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