Every shade of ocean mist from the palest tint to the darkest tone, generated from the base color #3AB09E. Click any shade to copy its hex code instantly. Use lighter tints for backgrounds and pastel designs, mid tones for branding, and dark shades for text, dark mode and dramatic looks.
Shade Reference Table
| Name | HEX | RGB |
|---|---|---|
| Palest Ocean Mist | #F0FAF8 | rgb(240, 250, 248) |
| Pale Ocean Mist | #DDF4F0 | rgb(221, 244, 240) |
| Lightest Ocean Mist | #CDEEE9 | rgb(205, 238, 233) |
| Lighter Ocean Mist | #BAE8E1 | rgb(186, 232, 225) |
| Light Ocean Mist | #A7E2D9 | rgb(167, 226, 217) |
| Soft Ocean Mist | #98DDD2 | rgb(152, 221, 210) |
| Muted Ocean Mist | #85D6CA | rgb(133, 214, 202) |
| Fresh Ocean Mist | #75D1C3 | rgb(117, 209, 195) |
| Bright Ocean Mist | #62CBBB | rgb(98, 203, 187) |
| Vivid Ocean Mist | #4FC4B3 | rgb(79, 196, 179) |
| True Ocean Mist | #40BFAC | rgb(64, 191, 172) |
| Strong Ocean Mist | #39AC9B | rgb(57, 172, 155) |
| Rich Ocean Mist | #33998A | rgb(51, 153, 138) |
| Deep Ocean Mist | #2E8A7C | rgb(46, 138, 124) |
| Bold Ocean Mist | #28776B | rgb(40, 119, 107) |
| Dark Ocean Mist | #22675D | rgb(34, 103, 93) |
| Darker Ocean Mist | #1C544C | rgb(28, 84, 76) |
| Darkest Ocean Mist | #16413B | rgb(22, 65, 59) |
| Shadow Ocean Mist | #11322D | rgb(17, 50, 45) |
| Midnight Ocean Mist | #0A1F1C | rgb(10, 31, 28) |
FAQs
What is the hex code for ocean mist?
The hex code for ocean mist is #3AB09E. In RGB it is rgb(58, 176, 158), and in CMYK it is 67%, 0%, 10%, 31%. You can copy these codes from the color code section above.
What does the color ocean mist mean?
Ocean Mist is associated with clarity, freshness, technology and calm. Its exact meaning shifts with culture and context — see the meaning and cultural sections on this page for details.
What colors go with ocean mist?
Ocean Mist pairs beautifully with black, white, gold, gray and its complementary color. Explore the ocean mist color combinations and palettes on this page for ready-to-use schemes.
Where can I download ocean mist backgrounds?
Right here — this site offers 53 free ocean mist backgrounds in HD (1920×1080) across 53 styles including solid, gradient, glitter, watercolor, ombre, polka dot, starry, marble and mesh. All are free for personal and commercial use.