Coastal Depths mesh gradient
Ocean · blue · teal · cool
Deep Blue #0B1C4B · Sapphire #1D57A1 · Sky #43A2CD · Arctic #A0DAEA · Ice #E1EDF5
Gradient No. 79 · Oct 29, 2026
Coastal Waves mesh gradient
Coastal Waves is a ocean mesh gradient made of 5 colors: Navy (#0D2A4E), Ocean (#266489), Aqua (#45B6C7), Arctic (#A1E6E9), Ice (#E1F0F4). 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 |
|---|---|---|---|---|
| Navy | ||||
| Ocean | ||||
| Aqua | ||||
| Arctic | ||||
| Ice |
- Ocean
- #blue
- #teal
- #cool
About Coastal 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 Navy to Ice: Navy (#0D2A4E), Ocean (#266489), Aqua (#45B6C7), Arctic (#A1E6E9), Ice (#E1F0F4). 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.
- AaNavy on Ice12.3:1 · AAA
- AaNavy on Arctic10.3:1 · AAA
- AaNavy on Aqua6.0:1 · AA
- AaOcean on Ice5.5: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
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
Harbor Shore mesh gradient
Ocean · teal · blue · cool
Ice #E1F3F3 · Seafoam #85E1D3 · Turquoise #30CBC0 · Peacock #1F6E80 · Night Teal #0E2E3F
