Midnight Ocean Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #1a4c32; /* Order Green */
  --color-2: #0e4d4e; /* Port Malmesbury */
  --color-3: #0f2d4d; /* Midnight Ocean */
  --color-4: #111155; /* Shadowdancer */
  --color-5: #2d0f47; /* Oily Purple */
}

Other schemes from Midnight Ocean

• #0F2D4D

  #1C5798

  #4D3113

  #1C1208

  #A46422
  Midnight Ocean Complementary Color Scheme
• #0F2D4D

  #43182F

  #2F4A15

  #255BA2

  #180614
  Midnight Ocean Triadic Color Scheme
• #0F2D4D

  #4A120D

  #444411

  #0B0F1A

  #921A1C
  Midnight Ocean Split-complementary Color Scheme
• #0F2D4D

  #4C1050

  #4D3113

  #0A480D

  #255BA2
  Midnight Ocean Tetradic Color Scheme
• #0B0F1A

  #0B0F1A

  #0F2D4D

  #1A5091

  #2277CC
  Midnight Ocean Monochromatic Color Scheme

More Very Dark Blue analogous palettes

• #224634

  #234537

  #203943

  #222244

  #2A2243
  Astral Nomad Analogous Color Scheme
• #1E454D

  #1B294B

  #211D49

  #32174D

  #531745
  Azulado Analogous Color Scheme
• #005228

  #0E4F4F

  #0A3251

  #111155

  #221155
  Beyond the Stars Analogous Color Scheme
• #142D25

  #1B322C

  #1E272C

  #161E34

  #221133
  Black Pearl Analogous Color Scheme
• #213638

  #242933

  #222233

  #2C2133

  #352235
  Black Velvet Analogous Color Scheme
• #17462E

  #19443C

  #1E3442

  #1C2841

  #211D49
  Blue Whale Analogous Color Scheme
• #1B3427

  #193232

  #242A2E

  #1F2133

  #281F3F
  Cinder Analogous Color Scheme
• #112222

  #161820

  #111122

  #111122

  #221122
  Corbeau Analogous Color Scheme
• #1B3427

  #193232

  #1B2431

  #151931

  #2E183B
  Dark Analogous Color Scheme
• #17462E

  #113C42

  #112244

  #111144

  #331144
  Dark Eclipse Analogous Color Scheme
• #1B322C

  #1B2632

  #151931

  #1C0F33

  #331233
  Dark Knight Analogous Color Scheme
• #155843

  #134558

  #112255

  #221155

  #4C1050
  Dark Soul Analogous Color Scheme