Misty Haze Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #d3bcc5; /* Queen’s Tart */
  --color-2: #d8babc; /* Bombay Pink */
  --color-3: #cec9c3; /* Misty Haze */
  --color-4: #d6d5bc; /* Pale Cucumber */
  --color-5: #c8d5bb; /* Willow Tree Mouse */
}

Other schemes from Misty Haze

• #CEC9C3

  #F6F4EF

  #BBC6D6

  #90A2B7

  #EEF2F3
  Misty Haze Complementary Color Scheme
• #CEC9C3

  #BFD6C8

  #CBBDD7

  #F6F4EF

  #8EBAA6
  Misty Haze Triadic Color Scheme
• #CEC9C3

  #BAD5D4

  #BDBBD7

  #BAA38B

  #EAF2F1
  Misty Haze Split-complementary Color Scheme
• #CEC9C3

  #BBD9BC

  #BBC6D6

  #D9BBD3

  #F6F4EF
  Misty Haze Tetradic Color Scheme
• #897D6D

  #ABA39A

  #CEC9C3

  #F0EFED

  #F6F2F1
  Misty Haze Monochromatic Color Scheme

More Light Gray analogous palettes

• #C8C197

  #B0C69A

  #A9B4A9

  #9BC2B4

  #9BC4C4
  Alpine Air Analogous Color Scheme
• #D3BCC5

  #D4BFBD

  #CECAC3

  #D5D8BC

  #C3D6BD
  Argento Analogous Color Scheme
• #D8B4B6

  #D4C5B4

  #C6C6C2

  #C5D1B2

  #B1D4B7
  Brume Analogous Color Scheme
• #9FC5AA

  #9BC2BD

  #AAB5B8

  #9EA5C3

  #A99EC1
  Casper Analogous Color Scheme
• #BA97A9

  #BD9D95

  #ACAAA7

  #B9BD97

  #A8BF93
  Cathedral Analogous Color Scheme
• #B883B0

  #B48395

  #A99592

  #B8A584

  #B1B787
  Cortex Analogous Color Scheme
• #8FBC8F

  #8EBAA6

  #A1A9A9

  #8EA7B9

  #9190BA
  Crown of Ash Analogous Color Scheme
• #CFBBD8

  #D7B9CB

  #CBC5C6

  #D6C3B9

  #D9D1BA
  Dangerous Robot Analogous Color Scheme
• #85B3B2

  #85A3B2

  #9698A3

  #9884B9

  #B085B7
  Dark Ages Analogous Color Scheme
• #D1B4C6

  #D3B6BA

  #C8C2BE

  #D1CEB4

  #C5D1B2
  Dim Analogous Color Scheme
• #C59DAA

  #C69896

  #B3ADA7

  #C8C197

  #AFC195
  Dove Analogous Color Scheme
• #88B2A9

  #88ABB4

  #979BA8

  #9188B5

  #B085B7
  Dusky Mood Analogous Color Scheme