Sour Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #e5edb5; /* Sour */
  --color-2: #f8fbeb; /* Amnesiac White */
  --color-3: #b8b8f8; /* Purple Illusion */
  --color-4: #9370db; /* Matt Purple */
  --color-5: #eee9f9; /* Bright Dusk */
}

Other schemes from Sour

• #EEBDB6

  #EED9B6

  #E5EDB5

  #CEEBB2

  #BBE6BB
  Sour Analogous Color Scheme
• #E5EDB5

  #B4E5EC

  #EEBBEE

  #F8FBEB

  #7ECDDD
  Sour Triadic Color Scheme
• #E5EDB5

  #AEC9EB

  #DEBEEF

  #CFDD7B

  #E8EFF8
  Sour Split-complementary Color Scheme
• #E5EDB5

  #B6ECDE

  #B8B8F8

  #EFB4CA

  #F8FBEB
  Sour Tetradic Color Scheme
• #ACCB35

  #CFDD7B

  #E5EDB5

  #F8FBEB

  #F8FBEB
  Sour Monochromatic Color Scheme

More Very Light Yellow complementary palettes

• #F4F2E2

  #F9F7EC

  #E1E6F2

  #ACB5DC

  #E9EDF6
  Au Clair de la Lune Complementary Color Scheme
• #FAF3A6

  #FFFBE8

  #AAAAFF

  #5566EE

  #E6E8FA
  Banan-Appeal Complementary Color Scheme
• #FFF49C

  #FFFCE4

  #99AAFF

  #5566FF

  #E6E8FA
  Banana Cream Complementary Color Scheme
• #FFF7AD

  #FFFEE5

  #B5AFFF

  #6666FF

  #E6E8FA
  Banana Milk Complementary Color Scheme
• #F7EEC8

  #FBF9E8

  #C9D1EF

  #8F99FB

  #E8EEFE
  Banana Split Complementary Color Scheme
• #F1EEE2

  #F7F5ED

  #E1E6F2

  #ABB6D7

  #EDF2F8
  Blanc Cassé Complementary Color Scheme
• #EBEAE5

  #F6F4EF

  #E0E3EF

  #B2B7D1

  #EEF2F3
  Blanco Complementary Color Scheme
• #FBE8A8

  #FFF9E7

  #A2BFFE

  #5588FF

  #E8EEFE
  Bleached Sunflower Complementary Color Scheme
• #FAF0BE

  #FFF9E7

  #BBCFEF

  #6888FC

  #E8EEFE
  Blond Complementary Color Scheme
• #FFFBAB

  #FFFEE5

  #AAAAFF

  #5566FF

  #E6E6FA
  Bollywood Gold Complementary Color Scheme
• #FAF1C8

  #FBF9E8

  #CCD5FF

  #8F99FB

  #E8EEFE
  Bullet Hell Complementary Color Scheme
• #F5E5AB

  #FBF9E8

  #B8B8F8

  #6488EA

  #E8EEFE
  Butter Honey Complementary Color Scheme