Petrol Atelier color palette — #E9F3FF · #94B5E4 · #B59761 · #5073A4 · #1E3823

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

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Sky (#94B5E4): A luminous, dusty blue — the color of deep harbor water.
• Camel (#B59761): A luminous, balanced gold — the color of honey in a jar.
• Slate (#5073A4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#1E3823): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Petrol Coast color palette (#E7F4FE, #87BADE, #BD936C, #41789B, #472433)
• Washed Pewter Workshop color palette (#EFF0FF, #BFA6DF, #97A36A, #7E649B, #043A2D)
• Patina Cerulean Drift color palette (#EAF2FF, #D9D4E2, #B2AEA4, #6A8BA6, #39404F)
• Cornflower Garden color palette (#FDF0FD, #AAC6ED, #D6A868, #538DDE, #514C46)
• Periwinkle Canyon color palette (#EAF2FF, #7E9BD7, #BB7974, #5F835E, #1D2838)
• Driftwood Ridge color palette (#FCEDF5, #D0B1BE, #99778B, #694E65, #243024)
• Stone Villa color palette (#F0F1F9, #D6C196, #5B5E80, #2D2F45, #12131B)
• Patina Lantern color palette (#ECF2FF, #868CF2, #948400, #4B36D5, #262100)

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