Washed Petrol Atelier color palette — #F7ECE5 · #85BAD0 · #296CA5 · #00504D · #1F2A54

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

The five colors

• Cream (#F7ECE5): bright and airy, almost weightless.
• Ash (#85BAD0): A luminous, dusty blue — the color of deep harbor water.
• Slate (#296CA5): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#1F2A54): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Washed 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 (#FBEBE2, #9ABB9C, #00748D, #005236, #00314D)
• Petrol Basin color palette (#DCEDEB, #8FBAD3, #00749F, #004A54, #001829)
• Softworn Parlor color palette (#FCF3EC, #A0D1BF, #5379B1, #005F63, #33365E)
• Denim Drift color palette (#EDE4DA, #77AB9D, #3D5297, #003D46, #220F4C)
• Denim Lantern color palette (#F4E5DF, #589BA7, #00506E, #003127, #00132E)
• Chalky Periwinkle color palette (#F9EAF2, #A9DCF1, #45ABFF, #00918B, #1E2A55)
• Wandering Coral color palette (#FFECF5, #E2B2EF, #DD848D, #406198, #4A2532)
• Worn Studio color palette (#FBF4EF, #C9E9E9, #7E9CC0, #367B7C, #604B5A)

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