Fogtown Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #f0eae7; /* Sweet Cream */
  --color-2: #f0ede7; /* Hacienda White */
  --color-3: #eef0e7; /* Fogtown */
  --color-4: #eaf1e6; /* Chestnut White */
  --color-5: #e6f0ea; /* Northern Lights */
}

Other schemes from Fogtown

• #EEF0E7

  #F4F4F0

  #E9E9F0

  #BFB9D4

  #F3F1F3
  Fogtown Complementary Color Scheme
• #EEF0E7

  #E6EFEF

  #F1E8EC

  #F4F4F0

  #B5CED4
  Fogtown Triadic Color Scheme
• #EEF0E7

  #E9E9F0

  #ECE7F2

  #D0D3B7

  #EEF2F3
  Fogtown Split-complementary Color Scheme
• #EEF0E7

  #E6EFEF

  #E9E9F0

  #EFE8E8

  #F4F4F0
  Fogtown Tetradic Color Scheme
• #ABB486

  #D0D3B7

  #EEF0E7

  #F4F4F0

  #F4F4F0
  Fogtown Monochromatic Color Scheme

More Very Light Green analogous palettes

• #E0C9C4

  #E0D8C5

  #DBE0C4

  #CCE1C7

  #C1E0C8
  Airy Fields Analogous Color Scheme
• #E1D8BB

  #D7E2BC

  #C6E1BC

  #BDE1C4

  #BDE1D8
  Ambrosia Analogous Color Scheme
• #F9ECEA

  #FCF5EB

  #F8FBEB

  #F1FAEA

  #EBFCEC
  Amnesiac White Analogous Color Scheme
• #CCFFC2

  #C1FDC9

  #C0FFEE

  #C7F1FF

  #CCD5FF
  Arabica Mint Analogous Color Scheme
• #EEF3E5

  #E7F1E6

  #E6F2EA

  #E6F1F1

  #E5EDF1
  Bath Bubbles Analogous Color Scheme
• #EEDED8

  #EEE8D9

  #EAEEDA

  #E1ECD9

  #DDEEDD
  Bethlehem Superstar Analogous Color Scheme
• #EDDBD7

  #EDE7D7

  #EAEED8

  #DFEDDA

  #D6EEDD
  Blissful Serenity Analogous Color Scheme
• #E6D6CD

  #E9E3CB

  #DCE7CB

  #CFE7CB

  #C9EAD4
  Breath of Celery Analogous Color Scheme
• #E9FFDB

  #DFFAE1

  #D8FFF3

  #DEF7FE

  #D4EAFF
  Candied Snow Analogous Color Scheme
• #D8F1CB

  #C9F0D1

  #CAF0E5

  #CBEAEE

  #CBD7ED
  Caribbean Analogous Color Scheme
• #E4E8DA

  #DFEADB

  #DBE9DF

  #D9E9E5

  #DAE6E9
  Clair de Lune Analogous Color Scheme
• #EFE6E1

  #EFECE3

  #ECEFE3

  #E8F0E2

  #E4EFE5
  Creamy Garlic Analogous Color Scheme