Granite Split-complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #746a5e; /* Granite */
  --color-2: #488084; /* Paradiso */
  --color-3: #4e5180; /* Purple Navy */
  --color-4: #544333; /* Old Treasure Chest */
  --color-5: #77a8ab; /* Pompeius Blue */
}

Other schemes from Granite

• #746A5E

  #B3987D

  #516582

  #364251

  #849DB4
  Granite Complementary Color Scheme
• #854C65

  #875251

  #746A5E

  #838252

  #648251
  Granite Analogous Color Scheme
• #746A5E

  #50846E

  #6A5287

  #B49C83

  #305144
  Granite Triadic Color Scheme
• #746A5E

  #498555

  #516582

  #804B81

  #B49C83
  Granite Tetradic Color Scheme
• #1C1C1A

  #49433B

  #746A5E

  #988F85

  #BDB6AE
  Granite Monochromatic Color Scheme

More Medium Gray split-complementary palettes

• #747A8A

  #9F715F

  #8C9E5E

  #445172

  #B5998E
  Abandoned Spaceship Split-complementary Color Scheme
• #766B69

  #588A79

  #5A6A8C

  #5B3D34

  #7DB39E
  Acoustic Brown Split-complementary Color Scheme
• #656874

  #886150

  #728A51

  #343E54

  #AE8A78
  Alley Cat Split-complementary Color Scheme
• #8A9480

  #6C70A9

  #A66DA1

  #647F4A

  #9D9AC4
  Aloe Tip Split-complementary Color Scheme
• #848789

  #A36A6D

  #A69D64

  #476476

  #C4989E
  Aluminium Split-complementary Color Scheme
• #967D96

  #8AA56E

  #70A38D

  #7F4F78

  #B3C39C
  Amorous Split-complementary Color Scheme
• #756F6B

  #538B89

  #565B8D

  #594537

  #79AFAD
  Anchovy Split-complementary Color Scheme
• #6E6A5E

  #506E82

  #5C5083

  #534931

  #719DA8
  Archaeology Split-complementary Color Scheme
• #888888

  #70A38D

  #6A8AA4

  #784848

  #9BC2B4
  Argent Split-complementary Color Scheme
• #74857F

  #9D5A8F

  #9C675F

  #416858

  #B98FAF
  Armour Split-complementary Color Scheme
• #6A6B65

  #4C5E87

  #764F82

  #515131

  #7886AA
  Armoury Split-complementary Color Scheme
• #646B7A

  #8B5E52

  #868B53

  #3A405A

  #B18377
  Ashen Whisper Split-complementary Color Scheme