Coastal Depths mesh gradient
Ocean · blue · teal · cool
Deep Blue #0B1C4B · Sapphire #1D57A1 · Sky #43A2CD · Arctic #A0DAEA · Ice #E1EDF5
Gradient No. 29 · Oct 25, 2026
Coastal Shore mesh gradient
Coastal Shore is a ocean mesh gradient made of 5 colors: Night Teal (#0D3042), Teal (#23879B), Turquoise (#3BD0C3), Seafoam (#8FE1D3), Ice (#DAF2F2). 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 |
|---|---|---|---|---|
| Night Teal | ||||
| Teal | ||||
| Turquoise | ||||
| Seafoam | ||||
| Ice |
- Ocean
- #blue
- #teal
- #cool
About Coastal 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 Night Teal to Ice: Night Teal (#0D3042), Teal (#23879B), Turquoise (#3BD0C3), Seafoam (#8FE1D3), Ice (#DAF2F2). 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.
- AaNight Teal on Ice11.8:1 · AAA
- AaNight Teal on Seafoam9.1:1 · AAA
- AaNight Teal on Turquoise7.2:1 · AAA
- AaTeal on Ice3.6:1 · AA large text
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
Harbor Shore mesh gradient
Ocean · teal · blue · cool
Ice #E1F3F3 · Seafoam #85E1D3 · Turquoise #30CBC0 · Peacock #1F6E80 · Night Teal #0E2E3F
