Naval Night Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #011c39; /* Naval Night */
  --color-2: #330033; /* Exquisite Eggplant */
  --color-3: #3d1c02; /* 90% Cocoa */
  --color-4: #033500; /* Dark Green */
  --color-5: #004f98; /* Freshwater Lake */
}

Other schemes from Naval Night

• #011C39

  #02478E

  #3D1C02

  #1C1208

  #995500
  Naval Night Complementary Color Scheme
• #003311

  #003839

  #011C39

  #020035

  #160435
  Naval Night Analogous Color Scheme
• #011C39

  #330018

  #133700

  #004F98

  #180614
  Naval Night Triadic Color Scheme
• #011C39

  #330000

  #373E02

  #01081C

  #840804
  Naval Night Split-complementary Color Scheme
• #01081C

  #01081C

  #011C39

  #014182

  #0066CC
  Naval Night Monochromatic Color Scheme

More Very Dark Blue tetradic palettes

• #203943

  #332244

  #442D21

  #2A4F21

  #447788
  Astral Nomad Tetradic Color Scheme
• #211D49

  #4B1C35

  #48531A

  #1B4B35

  #4B3C8E
  Azulado Tetradic Color Scheme
• #0A3251

  #4E0550

  #4A290D

  #0B5509

  #126DA8
  Beyond the Stars Tetradic Color Scheme
• #1E272C

  #391531

  #2E211B

  #1B2B1B

  #435A6F
  Black Pearl Tetradic Color Scheme
• #222233

  #352126

  #333322

  #24342A

  #4B4775
  Black Velvet Tetradic Color Scheme
• #1E3442

  #3F1D50

  #452C1F

  #21421E

  #3D6D84
  Blue Whale Tetradic Color Scheme
• #242A2E

  #2E183B

  #35281E

  #2F2E1F

  #466174
  Cinder Tetradic Color Scheme
• #111122

  #201819

  #222211

  #12221D

  #343467
  Corbeau Tetradic Color Scheme
• #1B2431

  #391531

  #35281E

  #1B2B1B

  #3F586E
  Dark Tetradic Color Scheme
• #112244

  #43182F

  #4D3113

  #114411

  #244E94
  Dark Eclipse Tetradic Color Scheme
• #151931

  #2C1620

  #333311

  #0D2E1C

  #333C76
  Dark Knight Tetradic Color Scheme
• #112255

  #531745

  #444411

  #1C5022

  #214DAA
  Dark Soul Tetradic Color Scheme