Light Gray Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #decade; /* Decadial Pink */
  --color-2: #dec6d3; /* Matt Lilac */
  --color-3: #d3d3d3; /* Light Gray */
  --color-4: #ddd4c7; /* Coconut Ice */
  --color-5: #dedfc9; /* Sip of Mint */
}

Other schemes from Light Gray

• #D3D3D3

  #F4EFEE

  #C6DEDF

  #9BC4C4

  #F0F4F2
  Light Gray Complementary Color Scheme
• #D3D3D3

  #C6DCC7

  #CBC8DD

  #F4EFEE

  #96C193
  Light Gray Triadic Color Scheme
• #D3D3D3

  #C8DCD5

  #C9D2DF

  #C69896

  #EFF5F1
  Light Gray Split-complementary Color Scheme
• #D3D3D3

  #CFDDC7

  #C6DEDF

  #D2C9DF

  #F4EFEE
  Light Gray Tetradic Color Scheme
• #878786

  #ADADAD

  #D3D3D3

  #F3F3F2

  #F3F3F2
  Light Gray Monochromatic Color Scheme

More very light gray analogous color schemes

• #E2C9CE

  #E0D5CA

  #DADAD1

  #D7E3CA

  #CCE2CA
  Alaska Analogous Color Scheme
• #EBDBDD

  #EAE3DB

  #E5E5E1

  #E3EADB

  #DEEADC
  Apollo Landing Analogous Color Scheme
• #D6E7E3

  #D7E0E7

  #DADBE1

  #DBD5E6

  #E3D7E5
  Big Fish to Fry Analogous Color Scheme
• #DDC5D2

  #DAC7C4

  #D2D1D0

  #DEDCC6

  #CFDDC7
  Blowing Smoke Analogous Color Scheme
• #D9D9EA

  #E3DAE9

  #E1DFE1

  #E5D8E1

  #E8D8DA
  Chrome Analogous Color Scheme
• #E8D5DD

  #E5D7D4

  #E1DED9

  #E3E6D6

  #DDE6D7
  Closet Skeletons Analogous Color Scheme
• #EDE6ED

  #F0E5E5

  #EBE8E7

  #EEEBE4

  #EDEDE4
  Coconut Agony Analogous Color Scheme
• #CCC1DA

  #D6C1DD

  #D0CBCE

  #DCC0C3

  #DACAC0
  Columbo’s Coat Analogous Color Scheme
• #DEC3C9

  #DBCCC3

  #D2D1CD

  #D3D9C5

  #C9DBC7
  Concrete Analogous Color Scheme
• #DCCAD8

  #DEC7CF

  #D5D2D1

  #DFD8C8

  #D8DDCA
  Day on Mercury Analogous Color Scheme
• #CED9E1

  #CCCFE2

  #D8D7D9

  #E7CEE3

  #E4CFD7
  Desired Dawn Analogous Color Scheme
• #EADEE8

  #EADDE1

  #E5E2E1

  #EAE6DC

  #E9EADB
  Diamonds in the Sky Analogous Color Scheme