Washed Petrol color palette — #DFF7DD · #63A2B8 · #466892 · #673A41 · #542809

A conversation between Slate and Espresso, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#DFF7DD): A whisper-light, dusty green — the color of new leaves after rain.
• Blue Fog (#63A2B8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#466892): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#673A41): A full-bodied, dusty red — the color of embers at dusk.
• Espresso (#542809): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Petrol Grove color palette (#D4EEE0, #7E9B7A, #367691, #5E3451, #4D2615)
• Cocoa Delta color palette (#CEECF9, #7E9CC0, #645B8C, #683400, #2F2F28)
• Dusty Azure color palette (#D5E9EE, #6EC6DF, #6297D9, #916064, #552A16)
• Timeworn Chestnut Parlor color palette (#C5EBCE, #86AC9B, #8B7286, #87472F, #544300)
• Hushed Petrol Courtyard color palette (#F4EDE3, #89B8D7, #2F6AA8, #004E5A, #1D2B52)
• Powdered Orchard color palette (#C8E6DC, #0087C9, #9A5800, #004E77, #3F2000)
• Airy Azure color palette (#CAF0F5, #00A3CC, #00668E, #003C64, #281850)
• Muted Chestnut Loft color palette (#DBFFEC, #CDB1CC, #9A7B8C, #8B5128, #514D00)

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