Ocean’s Embrace Monochromatic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #0c121b; /* Midnight Edition */
  --color-2: #1c3b42; /* Royal Neptune */
  --color-3: #306a78; /* Ocean’s Embrace */
  --color-4: #4598ab; /* Alpine Lake */
  --color-5: #7bbbc8; /* Azure Lake */
}

Other schemes from Ocean’s Embrace

• #306A78

  #52A2B4

  #773C30

  #442117

  #BF6955
  Ocean’s Embrace Complementary Color Scheme
• #337B35

  #337766

  #306A78

  #2C447B

  #323477
  Ocean’s Embrace Analogous Color Scheme
• #306A78

  #772F6C

  #6F7632

  #55A7B6

  #4B1C35
  Ocean’s Embrace Triadic Color Scheme
• #306A78

  #773243

  #736330

  #1C3B42

  #B14566
  Ocean’s Embrace Split-complementary Color Scheme
• #306A78

  #653475

  #773C30

  #427131

  #55A7B6
  Ocean’s Embrace Tetradic Color Scheme

More Dark Teal monochromatic palettes

• #0F1012

  #1C3339

  #33616A

  #4E939D

  #78B1BF
  After the Storm Monochromatic Color Scheme
• #0E191C

  #004455

  #0082A1

  #00CCEE

  #22DDFF
  Ahoy! Blue Monochromatic Color Scheme
• #0E191C

  #002222

  #05696B

  #01B1AF

  #11EEEE
  Aqua Obscura Monochromatic Color Scheme
• #0F1012

  #193232

  #345C61

  #508793

  #79B0B6
  Arctic Nights Monochromatic Color Scheme
• #032425

  #166461

  #279D9F

  #48D1CC

  #78DBE2
  Baltic Monochromatic Color Scheme
• #0E191C

  #041723

  #0C6064

  #16A0A6

  #22DDEE
  Beau Vert Monochromatic Color Scheme
• #0E191C

  #0B474A

  #1B7D8D

  #2DB0CE

  #6CC3E0
  Bermuda Monochromatic Color Scheme
• #0E191C

  #016459

  #00AF9F

  #00FFE5

  #55FFEE
  Billiard Monochromatic Color Scheme
• #0E191C

  #004058

  #007BA1

  #00B7EB

  #37C4FA
  Bleu Ciel Monochromatic Color Scheme
• #0E191C

  #003344

  #007290

  #00AADD

  #22DDFF
  Blue Fjord Monochromatic Color Scheme
• #032425

  #04627A

  #009DC4

  #04CDFF

  #55DDFF
  Blue Ocean Monochromatic Color Scheme
• #0E191C

  #002233

  #005F7A

  #0099C9

  #04CDFF
  Blue-Collar Monochromatic Color Scheme