Skip to content
Salt Waves Ocean mesh gradient: Ice #DFEFF5, Aqua #91DFE7, Turquoise #49B1C7, Ocean #1F6598, Midnight Blue #091E3C
VECTORSVG.COM
Mesh gradient generatorOcean

Gradient No. 41 · Oct 26, 2026

Salt Waves mesh gradient

Salt Waves is a ocean mesh gradient made of 5 colors: Ice (#DFEFF5), Aqua (#91DFE7), Turquoise (#49B1C7), Ocean (#1F6598), Midnight Blue (#091E3C). Download it free as PNG or SVG, or open it in the generator to move the colors.

Colors and codes

Colour codes of this palette
ColorHEXRGBHSLCMYK
Ice
Aqua
Turquoise
Ocean
Midnight Blue

About Salt Waves

Ocean palettes run from deep navy to sea foam, clean and calm, for travel, swimwear, coastal homes and fresh, trustworthy brands.

The colors blend from Ice to Midnight Blue: Ice (#DFEFF5), Aqua (#91DFE7), Turquoise (#49B1C7), Ocean (#1F6598), Midnight Blue (#091E3C). Soft blends like this work behind text, so keep words in the darkest or lightest color for contrast.

  • Website heroes and app backgrounds.
  • Phone and desktop wallpapers.
  • Social posts, stories and thumbnails.
  • Posters, covers and print backgrounds.

Readable text pairs

The pairs from this set with the strongest contrast, with their WCAG ratio: AAA and AA are safe for body text.

  • AaIce on Midnight Blue14.1:1 · AAA
  • AaAqua on Midnight Blue11.0:1 · AAA
  • AaTurquoise on Midnight Blue6.7:1 · AA
  • AaIce on Ocean5.3:1 · AA

More ocean gradients

All ocean gradients →
Coastal Depths Ocean mesh gradient: Deep Blue #0B1C4B, Sapphire #1D57A1, Sky #43A2CD, Arctic #A0DAEA, Ice #E1EDF5
VECTORSVG.COM
Mesh gradient generatorOcean

Coastal Depths mesh gradient

Ocean · blue · teal · cool

Deep Blue #0B1C4B · Sapphire #1D57A1 · Sky #43A2CD · Arctic #A0DAEA · Ice #E1EDF5

Deep Marina Ocean mesh gradient: Midnight Blue #091A3D, Denim #245B93, Sky #4DABCA, Arctic #90D2E0, Ice #E0ECF3
VECTORSVG.COM
Mesh gradient generatorOcean

Deep Marina mesh gradient

Ocean · blue · teal · cool

Midnight Blue #091A3D · Denim #245B93 · Sky #4DABCA · Arctic #90D2E0 · Ice #E0ECF3

Coastal Waves Ocean mesh gradient: Navy #0D2A4E, Ocean #266489, Aqua #45B6C7, Arctic #A1E6E9, Ice #E1F0F4
VECTORSVG.COM
Mesh gradient generatorOcean

Coastal Waves mesh gradient

Ocean · blue · teal · cool

Navy #0D2A4E · Ocean #266489 · Aqua #45B6C7 · Arctic #A1E6E9 · Ice #E1F0F4

Lagoon Marina Ocean mesh gradient: Ice #D8F4F3, Seafoam #99E9DB, Turquoise #41C9BC, Teal #248A9D, Night Teal #0A2B3B
VECTORSVG.COM
Mesh gradient generatorOcean

Lagoon Marina mesh gradient

Ocean · teal · blue · cool

Ice #D8F4F3 · Seafoam #99E9DB · Turquoise #41C9BC · Teal #248A9D · Night Teal #0A2B3B

Reef Current Ocean mesh gradient: Ice #E5F7F7, Seafoam #81E8DA, Turquoise #30CAC1, Teal #1E869F, Night Teal #0A2636
VECTORSVG.COM
Mesh gradient generatorOcean

Reef Current mesh gradient

Ocean · teal · blue · cool

Ice #E5F7F7 · Seafoam #81E8DA · Turquoise #30CAC1 · Teal #1E869F · Night Teal #0A2636

Coastal Shore Ocean mesh gradient: Night Teal #0D3042, Teal #23879B, Turquoise #3BD0C3, Seafoam #8FE1D3, Ice #DAF2F2
VECTORSVG.COM
Mesh gradient generatorOcean

Coastal Shore mesh gradient

Ocean · blue · teal · cool

Night Teal #0D3042 · Teal #23879B · Turquoise #3BD0C3 · Seafoam #8FE1D3 · Ice #DAF2F2

Harbor Shore Ocean mesh gradient: Ice #E1F3F3, Seafoam #85E1D3, Turquoise #30CBC0, Peacock #1F6E80, Night Teal #0E2E3F
VECTORSVG.COM
Mesh gradient generatorOcean

Harbor Shore mesh gradient

Ocean · teal · blue · cool

Ice #E1F3F3 · Seafoam #85E1D3 · Turquoise #30CBC0 · Peacock #1F6E80 · Night Teal #0E2E3F