Washed Petrol color palette — #F3E6E0 · #7FBFCA · #0073A5 · #004E32 · #091331

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

The five colors

• Parchment (#F3E6E0): bright and airy, almost weightless.
• Ash (#7FBFCA): A luminous, dusty blue — the color of open sky before noon.
• Slate (#0073A5): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004E32): A deep, shadowed, balanced teal — the color of glacier melt.
• Midnight (#091331): 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 Washed Petrol 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 Orchard color palette (#F4EEE3, #72BFCB, #007390, #005048, #00324B)
• Cobalt Hollow color palette (#F9F0EB, #ABD2BB, #2C81C5, #005D49, #301629)
• Airy Meadow color palette (#ECE0D7, #6DA5BF, #0051B6, #003A33, #0B012A)
• Dusty Boulevard color palette (#F6EBF3, #74D6E2, #0091C9, #047046, #192C54)
• Coral Courtyard color palette (#FBE7FC, #CEBCEC, #E07382, #006C81, #2A1222)
• Hushed Corridor color palette (#EFE0EF, #006AC9, #536800, #005633, #150317)
• Worn Lagoon Market color palette (#F7E4DF, #2E9C99, #005265, #002F06, #00040E)
• Aged Azure color palette (#F7F0ED, #C5E8E3, #66A3D0, #437761, #41303D)

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