Coastal Depths mesh gradient
Ocean · blue · teal · cool
Deep Blue #0B1C4B · Sapphire #1D57A1 · Sky #43A2CD · Arctic #A0DAEA · Ice #E1EDF5
Gradient No. 12 · Oct 24, 2026
Harbor Shore mesh gradient
Harbor Shore is a ocean mesh gradient made of 5 colors: Ice (#E1F3F3), Seafoam (#85E1D3), Turquoise (#30CBC0), Peacock (#1F6E80), Night Teal (#0E2E3F). Download it free as PNG or SVG, or open it in the generator to move the colors.
Colors and codes
| Color | HEX | RGB | HSL | CMYK |
|---|---|---|---|---|
| Ice | ||||
| Seafoam | ||||
| Turquoise | ||||
| Peacock | ||||
| Night Teal |
- Ocean
- #teal
- #blue
- #cool
About Harbor Shore
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 Night Teal: Ice (#E1F3F3), Seafoam (#85E1D3), Turquoise (#30CBC0), Peacock (#1F6E80), Night Teal (#0E2E3F). 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 Night Teal12.4:1 · AAA
- AaSeafoam on Night Teal9.3:1 · AAA
- AaTurquoise on Night Teal7.0:1 · AAA
- AaIce on Peacock5.1:1 · AA
More ocean gradients
All ocean gradients →
Deep Marina mesh gradient
Ocean · blue · teal · cool
Midnight Blue #091A3D · Denim #245B93 · Sky #4DABCA · Arctic #90D2E0 · Ice #E0ECF3
Coastal Waves mesh gradient
Ocean · blue · teal · cool
Navy #0D2A4E · Ocean #266489 · Aqua #45B6C7 · Arctic #A1E6E9 · Ice #E1F0F4
Lagoon Marina mesh gradient
Ocean · teal · blue · cool
Ice #D8F4F3 · Seafoam #99E9DB · Turquoise #41C9BC · Teal #248A9D · Night Teal #0A2B3B
Reef Current mesh gradient
Ocean · teal · blue · cool
Ice #E5F7F7 · Seafoam #81E8DA · Turquoise #30CAC1 · Teal #1E869F · Night Teal #0A2636
Salt Waves mesh gradient
Ocean · blue · teal · cool
Ice #DFEFF5 · Aqua #91DFE7 · Turquoise #49B1C7 · Ocean #1F6598 · Midnight Blue #091E3C
Coastal Shore mesh gradient
Ocean · blue · teal · cool
Night Teal #0D3042 · Teal #23879B · Turquoise #3BD0C3 · Seafoam #8FE1D3 · Ice #DAF2F2
