#0E3B4A
#1F7A8C
#8FD5D2
#EAF7F5
#0B2447
#3B5C9E
#6E86D6
#A5D7E8
#0077B6
#00B4D8
#90E0EF
#CAF0F8
#264653
#2A9D8F
#E76F51
#F4A261
#03256C
#2541B2
#1768AC
#06BEE1
#006D77
#83C5BE
#EDF6F9
#FFDDD2
#00A8A8
#4FD1C5
#B2F5EA
#F0FFF4
#06141B
#314C5A
#1FA2B8
#CDE9EF
#023E8A
#0077B6
#00B4D8
#90E0EF
#0B3954
#087E8B
#BFD7EA
#FFFFFF
#264653
#2A9D8F
#E9F5F2
#E9C46A
#E0FBFC
#98E2E8
#00A8B5
#0B3C42
#68709B
#9271DA
#639EC2
#84B8FF
#0086A6
#4D9184
#37A8F6
#00CCD6
#00545D
#006E7A
#00C4CE
#3BD9F9
#004345
#008991
#00B9B8
#00D4CE
#7F9A6D
#009C99
#3F7283
#1F4E3A
#9DE8D2
#00B1B8
#2E7940
#273400
#002E6E
#1A73D4
#6D93E8
#9DC6FF
#96BAFE
#8F7CCD
#00939A
#005D7F
#007D9B
#00B8BD
#90E3DD
#CAF1EF
#FFB9E6
#3AA1F5
#A26DCA
#2B287A
#BEB6FF
#5596F8
#0099C7
#774384
#A3E3FF
#4EB2E1
#006DA5
#003F59
#00646F
#0080B9
#7192FF
#DFCFFF
#313965
#005561
#14A9FE
#E5D2FD
#2BEDFF
#11C2D0
#008087
#00494B
#D4D2FF
#9FCBEC
#2F59BD
#006B81
#00D8D7
#6075BF
#00596C
#00436D
#00304E
#00538D
#006F94
#00C2C8
#014D71
#267CB2
#5CA9E7
#B7E6FF
#4B537A
#892680
#1CA6FF
#D1B6F9
#4F6BBD
#53AAEC
#9EDAFF
#D1EDFF
#004C5C
#4C5E14
#2B7C4D
#3E837B
#00486A
#007D9C
#00B8BF
#90E3DE
#44546C
#7D93BE
#B0C1F4
#D7F4FF
#2E4357
#1F9AA6
#DD7B1A
#E2AE4F
#1C53A1
#3394D5
#40D0F5
#C8F6FF
#497697
#6DADC0
#B0DAE2
#D8ECF1
#373389
#486DBD
#4AABEA
#9ADBFD
#231D6B
#4A35AE
#4260AF
#41B8F1
#3596D7
#40D1F5
#AFF2FF
#F1FDFF
#224D5C
#4398AA
#ACF2EF
#F0FDFB
#3E5F6C
#47B4A5
#F1FDFA
#FFD97F
#385866
#4AB6A8
#FE8365
#FFC396
#1D428B
#3C5FD2
#2E7BC0
#3DD6FA
#233D62
#5578BC
#86A0F2
#C9F1FF
#192C50
#384D87
#44688D
#74B6C9
Ocean hex codes the colors these palettes use most
About ocean color palettes
Ocean palettes flow from deep sea navy to bright turquoise and foamy whites.
Ocean color palettes on ColorSwoop: 48 curated schemes with hex codes, sorted by popularity. Popular picks include Ocean Glass 2026 (#0E3B4A, #1F7A8C, #8FD5D2, #EAF7F5), Deep Ocean Drift (#0B2447, #3B5C9E, #6E86D6, #A5D7E8), Ocean Breeze (#0077B6, #00B4D8, #90E0EF, #CAF0F8). Click any color to copy its hex, or open a palette for CSS, Tailwind and contrast checks.
Each palette lists its four hex codes so you can copy a single color or export the whole scheme. Palettes are sorted by popularity; switch to “New” for the latest additions or “Random” for inspiration.
FAQ
What is the ocean hex code?
The ocean hex codes used most across these 48 palettes are Ocean #0077B6, Cyan #00B4D8, Powder Blue #90E0EF, Cadet #2A9D8F, Gunmetal #0E3B4A, Teal #1F7A8C. Click any swatch above to copy its code or open its color page for RGB, HSL and shades.
What are the best ocean color palettes?
Popular picks include Ocean Glass 2026 (#0E3B4A; #1F7A8C; #8FD5D2; #EAF7F5); Deep Ocean Drift (#0B2447; #3B5C9E; #6E86D6; #A5D7E8); Ocean Breeze (#0077B6; #00B4D8; #90E0EF; #CAF0F8). All 48 ocean palettes are free to copy and use.
How do I use a ocean palette on a website?
Pick one light color for backgrounds, one dark color for text, and use the remaining colors for accents and buttons. Open any palette on ColorSwoop to export it as CSS variables or a Tailwind config and check contrast with the built-in preview.