Midnight Ocean Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #0f2d4d; /* Midnight Ocean */
  --color-2: #1c5798; /* Florentine Lapis */
  --color-3: #4d3113; /* Bavarian Sweet Mustard */
  --color-4: #1c1208; /* Crowshead */
  --color-5: #a46422; /* Cockatrice Brown */
}

Other schemes from Midnight Ocean

• #1A4C32

  #0E4D4E

  #0F2D4D

  #111155

  #2D0F47
  Midnight Ocean Analogous 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 complementary palettes

• #203943

  #3D6D84

  #442D21

  #130D07

  #8A5640
  Astral Nomad Complementary Color Scheme
• #211D49

  #3C3D8A

  #48531A

  #16160E

  #91923A
  Azulado Complementary Color Scheme
• #0A3251

  #126DA8

  #4A290D

  #1C1208

  #AA5412
  Beyond the Stars Complementary Color Scheme
• #1E272C

  #3F5865

  #2E211B

  #130D0D

  #6E5241
  Black Pearl Complementary Color Scheme
• #222233

  #42426F

  #333322

  #12110E

  #777648
  Black Velvet Complementary Color Scheme
• #1E3442

  #386782

  #452C1F

  #130D07

  #8E593C
  Blue Whale Complementary Color Scheme
• #242A2E

  #435A6F

  #35281E

  #130D0D

  #745947
  Cinder Complementary Color Scheme
• #111122

  #2E305E

  #222211

  #16110D

  #69673A
  Corbeau Complementary Color Scheme
• #1B2431

  #3C4F6E

  #35281E

  #16110D

  #715D3D
  Dark Complementary Color Scheme
• #112244

  #25488A

  #4D3113

  #1C1208

  #956F29
  Dark Eclipse Complementary Color Scheme
• #151931

  #323B6C

  #333311

  #16110D

  #786E38
  Dark Knight Complementary Color Scheme
• #112255

  #214DAA

  #444411

  #1C1208

  #AA8822
  Dark Soul Complementary Color Scheme