Zen Pebble Monochromatic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #706d5e; /* King’s Court */
  --color-2: #969582; /* Forest Canopy */
  --color-3: #bab8ad; /* Zen Pebble */
  --color-4: #ddddd6; /* Frosty White */
  --color-5: #f3f3f2; /* Bleached Silk */
}

Other schemes from Zen Pebble

• #BAB8AD

  #EAE7DA

  #A6A8C5

  #777BA9

  #E2E2ED
  Zen Pebble Complementary Color Scheme
• #C7A1A9

  #C5B1A0

  #BAB8AD

  #BCC6A2

  #A2C7A3
  Zen Pebble Analogous Color Scheme
• #BAB8AD

  #A4C3C5

  #C0A2C7

  #EDEBE1

  #71A6A1
  Zen Pebble Triadic Color Scheme
• #BAB8AD

  #A5B8C5

  #B3A1C6

  #ADA274

  #D1DEE4
  Zen Pebble Split-complementary Color Scheme
• #BAB8AD

  #A2C2B0

  #A6A8C5

  #C8A3B8

  #EDEBE1
  Zen Pebble Tetradic Color Scheme

More Light Gray monochromatic palettes

• #5C685E

  #818F84

  #A9B4A9

  #D3D8D2

  #F0F3F1
  Alpine Air Monochromatic Color Scheme
• #8C7E6F

  #ACA49A

  #CECAC3

  #F0EFED

  #F3F3F2
  Argento Monochromatic Color Scheme
• #7C7C72

  #A0A09A

  #C6C6C2

  #ECEBEA

  #F3F3F2
  Brume Monochromatic Color Scheme
• #5B686F

  #819094

  #AAB5B8

  #D4D8DB

  #F1F3F3
  Casper Monochromatic Color Scheme
• #615D58

  #868381

  #ACAAA7

  #D1D1CE

  #F3F3F2
  Cathedral Monochromatic Color Scheme
• #5C4945

  #826C68

  #A99592

  #CABFBF

  #ECE9E8
  Cortex Monochromatic Color Scheme
• #555B59

  #7B8285

  #A1A9A9

  #CACECD

  #F1F3F2
  Crown of Ash Monochromatic Color Scheme
• #867578

  #A99D9D

  #CBC5C6

  #EFECEE

  #F3F3F2
  Dangerous Robot Monochromatic Color Scheme
• #494C55

  #6C6E7E

  #9698A3

  #BFC1CB

  #E8E8E9
  Dark Ages Monochromatic Color Scheme
• #83756C

  #A29C94

  #C8C2BE

  #EAE9E7

  #F3F3F2
  Dim Monochromatic Color Scheme
• #69605A

  #8E877F

  #B3ADA7

  #D5D4D0

  #F3F3F2
  Dove Monochromatic Color Scheme
• #4A4F5A

  #6D7383

  #979BA8

  #C2C1CB

  #E9EBEE
  Dusky Mood Monochromatic Color Scheme