Oceanic Noir Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #172b36; /* Oceanic Noir */
  --color-2: #391531; /* Nightly Voyager */
  --color-3: #333311; /* Olivenite */
  --color-4: #34657d; /* Southern Evening */
  --color-5: #150811; /* Noir Fiction */
}

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

  #3A181A

  #3B331C

  #0B0F1A

  #6A2E36
  Oceanic Noir Split-complementary Color Scheme
• #172B36

  #2E183B

  #372418

  #113311

  #34657D
  Oceanic Noir Tetradic Color Scheme
• #0B0F1A

  #0B0F1A

  #172B36

  #2F596D

  #4181A6
  Oceanic Noir Monochromatic Color Scheme

More Very Dark Blue triadic palettes

• #203943

  #442238

  #3E4826

  #447788

  #150811
  Astral Nomad Triadic Color Scheme
• #211D49

  #46221B

  #1C5022

  #4B3C8E

  #130A06
  Azulado Triadic Color Scheme
• #0A3251

  #4C022F

  #35530A

  #126DA8

  #180614
  Beyond the Stars Triadic Color Scheme
• #1E272C

  #2C1620

  #2F2E1F

  #435A6F

  #130D0D
  Black Pearl Triadic Color Scheme
• #222233

  #332222

  #283123

  #4B4775

  #130D0D
  Black Velvet Triadic Color Scheme
• #1E3442

  #4B1C35

  #33431E

  #3D6D84

  #150811
  Blue Whale Triadic Color Scheme
• #242A2E

  #3B1F23

  #2F2E1F

  #466174

  #130D0D
  Cinder Triadic Color Scheme
• #111122

  #221111

  #112211

  #343467

  #130A06
  Corbeau Triadic Color Scheme
• #1B2431

  #2C1620

  #223311

  #3F586E

  #130D0D
  Dark Triadic Color Scheme
• #112244

  #441122

  #304112

  #244E94

  #150811
  Dark Eclipse Triadic Color Scheme
• #151931

  #341515

  #113311

  #333C76

  #130D0D
  Dark Knight Triadic Color Scheme
• #112255

  #441122

  #225511

  #214DAA

  #150811
  Dark Soul Triadic Color Scheme