Skip to content
Earth Science Medium #salinity#density

Ocean Salinity and Density

Higher salinity = denser water. Density-driven sinking powers thermohaline circulation.

A free, animated ocean salinity and density you can read here or embed on any website, from Scrollchart.

Ocean Salinity and Density

Ocean Salinity and DensityCold salty water is densest and sinks, driving thermohaline circulation3334353637Salinity (ppt)1020102210241025102610271028Density (kg/m³)Water massesNorth Atlantic Deepcold, denseMediterraneanwarm, saltyTropical surfacewarm, lightAABWAntarctic bottom1 ppt salinity increase raises density ~0.8 kg/m³ · 1°C cooling raises density ~0.2 kg/m³

Density vs temperature and salinity. Deep water is cold and salty; surface tropical water is warm and less salty. Driver of vertical circulation.

Good for

  • Ocean-circulation explainers showing why cold salty water sinks and drives the global conveyor belt
  • Climate articles on how freshwater input from ice-sheet melt could weaken thermohaline density gradients

Source & accuracy

This ocean salinity and density is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

Salinity as the driving force for deep circulation

Ocean salinity varies from about 32 ppt in estuaries to 35-37 ppt in open oceans. Higher salinity directly increases water density, allowing denser water to sink beneath lighter water. This salinity gradient is the engine of thermohaline circulation. In the North Atlantic, evaporation increases salinity in the Mediterranean, and cold winter temperatures in high northern latitudes create the densest water on Earth. This water sinks to the ocean bottom and begins its journey southward as deep Atlantic water.

Salinity changes are slow compared to temperature, so a region's density is often determined as much by salinity as by temperature. Ice melt and river discharge freshen surface waters, making them lighter and causing them to float above denser seawater below. This density stratification can suppress mixing and modify local circulation patterns.

Ocean conveyor mechanics and climate implications

The thermohaline circulation is sometimes called the ocean conveyor belt because it moves water slowly but continuously across the globe. Warm, salty surface water flows northward in the Atlantic, loses heat and gains salt through evaporation, becomes dense enough to sink in the Nordic Seas, and returns southward at depth. The trip takes roughly 1000 years, meaning water that sinks now surfaces elsewhere a millennium later.

Freshwater input from melting ice sheets can disrupt this circulation by freshening the sinking regions and preventing dense-water formation. This 'conveyor shutdown' is a possibility under strong warming scenarios and could trigger abrupt climate changes in the North Atlantic region. Observing salinity and temperature changes in key sinking regions is a priority for climate monitoring because circulation changes can alter regional climate rapidly.

Embed this diagram

Add this animated ocean salinity and density to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated ocean salinity and density for any website.
Who uses it
Science popularizers.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="salinity-density" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Ocean Salinity and Density" for my website?
Scrollchart provides "Ocean Salinity and Density" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a ocean salinity and density in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.