Steam Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #e4d7e5; /* Snuff */
  --color-2: #e8d5dd; /* Swiss Rose */
  --color-3: #dddddd; /* Steam */
  --color-4: #e6ddd5; /* Nice White */
  --color-5: #e5e7d5; /* Pine Water */
}

Other schemes from Steam

• #DDDDDD

  #F4EFEE

  #D6E6E6

  #A4C8C8

  #F0F4F2
  Steam Complementary Color Scheme
• #DDDDDD

  #D6E8D5

  #D6D4E6

  #F4EFEE

  #A2C7A3
  Steam Triadic Color Scheme
• #DDDDDD

  #D3E7DC

  #D6DDE6

  #C6A4A4

  #EFF5F1
  Steam Split-complementary Color Scheme
• #DDDDDD

  #DEE7D4

  #D6E6E6

  #DDD6E7

  #F4EFEE
  Steam Tetradic Color Scheme
• #919191

  #B8B8B8

  #DDDDDD

  #F3F3F2

  #F3F3F2
  Steam 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