Zen Garden Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #d1dac0; /* Zen Garden */
  --color-2: #c3d1d9; /* Tinsel Beam */
  --color-3: #dcc0d3; /* Lilac Snow */
  --color-4: #f4f7ee; /* Grass Valley */
  --color-5: #8fadbd; /* Thermocline */
}

Other schemes from Zen Garden

• #D1DAC0

  #F4F7EE

  #CCC1DA

  #A193BF

  #F1F2F8
  Zen Garden Complementary Color Scheme
• #DACAC0

  #D8D6C0

  #D1DAC0

  #C1D8C5

  #C0DBC6
  Zen Garden Analogous Color Scheme
• #D1DAC0

  #C0C3D7

  #D6C1DD

  #ABBD90

  #EDF2F8
  Zen Garden Split-complementary Color Scheme
• #D1DAC0

  #C3DCD5

  #CCC1DA

  #DCC0C3

  #F4F7EE
  Zen Garden Tetradic Color Scheme
• #92A360

  #ABBD90

  #D1DAC0

  #F4F7EE

  #F4F7EE
  Zen Garden Monochromatic Color Scheme

More very light green triadic color schemes

• #DBE0C4

  #C5DCE0

  #E1C6D6

  #F4F7EE

  #95BCC5
  Airy Fields Triadic Color Scheme
• #C6E1BC

  #BBC5E2

  #E4BDC2

  #F1F8EC

  #8895C5
  Ambrosia Triadic Color Scheme
• #F8FBEB

  #E8F7FD

  #FCEBFA

  #F8FBEB

  #ACE1F0
  Amnesiac White Triadic Color Scheme
• #C0FFEE

  #EFC0FE

  #FFEFC1

  #E7FAFA

  #DF73FF
  Arabica Mint Triadic Color Scheme
• #E6F2EA

  #ECE7F2

  #F2EBE6

  #EFF5F1

  #C0B2D7
  Bath Bubbles Triadic Color Scheme
• #EAEEDA

  #DBEAED

  #EDDBE9

  #F4F7EE

  #A6CCD6
  Bethlehem Superstar Triadic Color Scheme
• #EAEED8

  #DAEBEF

  #EFD7E7

  #F6F7ED

  #A1CED7
  Blissful Serenity Triadic Color Scheme
• #DCE7CB

  #C9DCE7

  #E6CCDD

  #F4F7EE

  #9CBACD
  Breath of Celery Triadic Color Scheme
• #D8FFF3

  #EEDDFF

  #FFF2D7

  #EBFCF5

  #D783FF
  Candied Snow Triadic Color Scheme
• #CAF0E5

  #EECCEE

  #F1E4CB

  #E9F9F5

  #CC88DD
  Caribbean Triadic Color Scheme
• #DBE9DF

  #DCDDE7

  #E8DEDB

  #EFF5F1

  #B4AECC
  Clair de Lune Triadic Color Scheme
• #ECEFE3

  #E3ECED

  #EEE1EB

  #F4F7EE

  #B4CBD4
  Creamy Garlic Triadic Color Scheme