Washed Petrol color palette — #D1F7F1 · #80B0C5 · #4C779B · #5E4965 · #503336

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

The five colors

• Honeydew (#D1F7F1): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#80B0C5): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4C779B): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#5E4965): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#503336): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, 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

• Hushed Garden color palette (#CBECFF, #86A0C0, #6A6E8D, #6B4D5D, #384D3E)
• Teal Coast color palette (#D0F0C2, #72BC9B, #4E7D8A, #585274, #4B3F53)
• Ash Ridge color palette (#C7EBD7, #A7CDBE, #8AA5D0, #91759A, #5B3639)
• Soft Turquoise color palette (#C5E8E7, #00AFCA, #00718E, #005072, #313155)
• Timeworn Workshop color palette (#C6EDEE, #4490AA, #325089, #473049, #48210E)
• Washed Cobalt color palette (#EEF9F0, #97CEE6, #357FB1, #005F65, #253C58)
• Dusty Periwinkle color palette (#D4F1FF, #6399EC, #7163A1, #71412C, #523800)
• Weathered Bronze color palette (#DFF2FF, #28AADE, #A44F00, #005F80, #512A0E)

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