Petrol Slumber Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #243640; /* Petrol Slumber */
  --color-2: #3b2741; /* Aubergine Mauve */
  --color-3: #442d21; /* Morocco Brown */
  --color-4: #37412a; /* Deep Seaweed */
  --color-5: #486d83; /* Blue Loneliness */
}

Other schemes from Petrol Slumber

• #243640

  #45657D

  #442D21

  #130D0D

  #805B48
  Petrol Slumber Complementary Color Scheme
• #274234

  #234537

  #243640

  #2A2B41

  #2D2541
  Petrol Slumber Analogous Color Scheme
• #243640

  #412533

  #37412A

  #486D83

  #150811
  Petrol Slumber Triadic Color Scheme
• #243640

  #43242A

  #423D27

  #0F1012

  #71424A
  Petrol Slumber Split-complementary Color Scheme
• #0F1012

  #0F1012

  #243640

  #435A6F

  #5789A5
  Petrol Slumber 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