Washed Petrol color palette — #EAE3D7 · #86AB8D · #00819D · #005E52 · #000B13

A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.

The five colors

• Parchment (#EAE3D7): bright and airy, almost weightless.
• Sage (#86AB8D): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#00819D): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005E52): A full-bodied, dusty teal — the color of sea glass.
• Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Gentle Cobalt color palette (#E9E1D4, #7EAC9B, #0875D0, #005B69, #01002F)
• Wandering Cerulean Ridge color palette (#F0E9DF, #70BECD, #0090B8, #006E66, #001626)
• Denim Grove color palette (#F4E6E1, #799C81, #006086, #003E24, #00032A)
• Worn Boulevard color palette (#DDECE5, #19A474, #007650, #00432F, #000201)
• Lagoon Study color palette (#E0EBE2, #008894, #004352, #00201B, #000103)
• Olive Canyon color palette (#E1E8D3, #56BFAB, #00ABC2, #477B00, #000E08)
• Iris Garden color palette (#F2EBDF, #9CC4EC, #678FE4, #007897, #181151)
• Faded Mulberry Quarry color palette (#E1E5D5, #2BAB53, #971A97, #006629, #100010)

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