Washed Petrol color palette — #F5F1EB · #C2E8E8 · #77A1C7 · #1E7882 · #422E41

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C2E8E8): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#77A1C7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#1E7882): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#422E41): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Aged Cypress Terrace color palette (#FBF2F7, #D8DFF0, #829BBC, #3E7B73, #4C5265)
• Washed Market color palette (#FFECF3, #A590C7, #BA7E48, #35887C, #332128)
• Denim Archive color palette (#F0E7D9, #5AA8C6, #005E8E, #00393C, #000A1F)
• Ancient Petrol color palette (#EEE8DF, #79C1C9, #007790, #004C41, #001926)
• Patina Harbor color palette (#FFECF3, #E5D3CE, #B3AA93, #8189B3, #4B383D)
• Iris Loft color palette (#FFEAFD, #A0ABE9, #7D77CB, #685688, #4F313A)
• Patina Cerulean color palette (#F8F1E6, #90E0DE, #0094A3, #00654B, #002A36)
• Hazy Nightshade color palette (#EFE8DE, #5C8EBE, #0032BC, #002A36, #03001B)

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