Washed Petrol color palette — #F1F9E5 · #7CAFCD · #5C78A1 · #6F4B6C · #364D46

Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#F1F9E5): A whisper-light, dusty green — the color of fresh herbs.
• Blue Fog (#7CAFCD): A luminous, dusty blue — the color of open sky before noon.
• Slate (#5C78A1): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#6F4B6C): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal (#364D46): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Dusty Lagoon color palette (#F6F7E5, #71B7AC, #33848E, #4F5580, #3C4D3B)
• Washed Market color palette (#FFF2ED, #A4A1D5, #836C97, #794A4A, #583F4B)
• Bronze Chapel color palette (#EDF9EF, #82CDD1, #7994BC, #886A2C, #364B57)
• Tempered Garden color palette (#E4FAFA, #9DD9FF, #8DB0E5, #A87AA3, #3B4957)
• Muted Chestnut Harbor color palette (#F8F1E2, #7EB8B6, #587BA1, #6C4B00, #1E3125)
• Cobalt Coast color palette (#E7F6F1, #4383B2, #463646, #1C2D28, #101717)
• Tempered Cocoa color palette (#FEF0FF, #D1B9CD, #A18A96, #826866, #714300)
• Dusty Pier color palette (#F5F6ED, #BDC5A6, #748B49, #5D6B56, #485406)

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