Petrol Atelier color palette — #EFF6FD · #A5D1B3 · #4377A0 · #1F4664 · #18232D

A conversation between Slate and Navy, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF6FD): bright and airy, almost weightless.
• Pistachio (#A5D1B3): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#4377A0): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#1F4664): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#18232D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Ancient Study color palette (#F0F6FF, #EDB2BE, #5970A7, #324165, #1A222E)
• Wandering Celadon Delta color palette (#E7FBF3, #B2FBB9, #387EA6, #203F35, #05130E)
• Linen Indigo Study color palette (#F1F5FE, #B5C1F4, #AC79B7, #6574E0, #242132)
• Dusty Iris Summit color palette (#F3F5FB, #DCD8DF, #C8BDCC, #8A86C8, #454750)
• Worn Thicket color palette (#FCF1FC, #FFC7A8, #7897C0, #745875, #291D29)
• Grape Field color palette (#F4F4FF, #F6A196, #814EA5, #4C2467, #19172D)
• Tempered Navy Meadow color palette (#DEECFE, #229A6C, #003477, #000E2A, #000207)
• Olive Atelier color palette (#E5F9FF, #36B3B3, #AE8845, #6D7600, #1A383F)

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