Washed Petrol color palette — #E8EBE0 · #88BCD3 · #1173A1 · #004956 · #00172A

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

The five colors

• Parchment (#E8EBE0): bright and airy, almost weightless.
• Sky (#88BCD3): A luminous, dusty blue — the color of deep harbor water.
• Slate (#1173A1): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004956): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00172A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Aged Petrol Workshop color palette (#F6EBF1, #96B6CB, #006BB5, #00504D, #1E295A)
• Aged Summit color palette (#F0F4E7, #ABD1C4, #4280B9, #005871, #052042)
• Washed Quarry color palette (#E6EADF, #7EA0C2, #29579A, #00354E, #010034)
• Petrol Pier color palette (#F1F3EB, #C3E3E4, #7AA799, #3A7485, #1A3E36)
• Cerulean Drift color palette (#EEF1DF, #3699AA, #005264, #002B2D, #000509)
• Weathered Olive color palette (#E9E3C8, #677300, #006E62, #793600, #0A0C00)
• Hushed Fern color palette (#EBE4CB, #818D5A, #585900, #393100, #110F00)
• Aged Meadow color palette (#ECE8C4, #A7D394, #5FB787, #626300, #1C1B00)

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