Petrol Atelier color palette — #F0F7F4 · #DDD5D2 · #CFB7B3 · #3E7C9E · #3D4B46

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#DDD5D2): bright and airy, almost weightless.
• Stone (#CFB7B3): A luminous, dusty orange — the color of autumn markets.
• Slate (#3E7C9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3D4B46): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Washed Villa color palette (#EDF3F8, #D6D6DE, #C1B9D2, #417BA6, #272D32)
• Cerulean Courtyard color palette (#EFF7F4, #E2D3D0, #AA9F90, #5D95C1, #3D4B47)
• Ancient Summit color palette (#FBF3F6, #E6D6D0, #D3B4AD, #6E53BD, #4D3943)
• Antique Fern Balcony color palette (#EBFBE3, #A0BDAC, #9A818D, #606820, #325345)
• Weathered Cobalt color palette (#EDE0EA, #546DB4, #442931, #2B1728, #0C1616)
• Ultramarine Courtyard color palette (#FCF1FB, #DDCED4, #C8989C, #0053BB, #3E2B3E)
• Washed Navy Delta color palette (#E6F2EF, #B2A5AC, #95767B, #003965, #001914)
• Antique Cocoa Hollow color palette (#FDF3ED, #C3AC89, #707946, #744C5A, #593C00)

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