Fog Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #dfcfca; /* Watermelon Milk */
  --color-2: #dfd7ca; /* Powder Cake */
  --color-3: #d6d7d2; /* Fog */
  --color-4: #d0ddcc; /* St. Augustine */
  --color-5: #cadece; /* Ruins of Civilization */
}

Other schemes from Fog

• #D6D7D2

  #F4F4F0

  #CFC9DF

  #A598C4

  #F3F1F3
  Fog Complementary Color Scheme
• #D6D7D2

  #CADBDF

  #DFCBDA

  #F4F4F0

  #9AB8C2
  Fog Triadic Color Scheme
• #D6D7D2

  #CBD0DD

  #D9CADF

  #BBC199

  #EEF2F3
  Fog Split-complementary Color Scheme
• #D6D7D2

  #C8DDDA

  #CFC9DF

  #DFC9D1

  #F4F4F0
  Fog Tetradic Color Scheme
• #8E8E82

  #B2B3A7

  #D6D7D2

  #F3F3F2

  #F3F3F2
  Fog Monochromatic Color Scheme

More Very Light Gray analogous palettes

• #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