Oceanic Noir Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #172b36; /* Oceanic Noir */
  --color-2: #2e183b; /* Blackcurrant */
  --color-3: #372418; /* Wetlands Swamp */
  --color-4: #113311; /* Dark Serpent */
  --color-5: #34657d; /* Southern Evening */
}

Other schemes from Oceanic Noir

• #172B36

  #355C74

  #372418

  #130D07

  #7E4F35
  Oceanic Noir Complementary Color Scheme
• #183425

  #193232

  #172B36

  #161E34

  #221133
  Oceanic Noir Analogous Color Scheme
• #172B36

  #391531

  #333311

  #34657D

  #150811
  Oceanic Noir Triadic Color Scheme
• #172B36

  #3A181A

  #3B331C

  #0B0F1A

  #6A2E36
  Oceanic Noir Split-complementary Color Scheme
• #0B0F1A

  #0B0F1A

  #172B36

  #2F596D

  #4181A6
  Oceanic Noir 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