Morris Leaf Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #c2d3af; /* Morris Leaf */
  --color-2: #aec1d4; /* Airway */
  --color-3: #d3b2c3; /* Tranquil Dusk */
  --color-4: #f4f7ee; /* Grass Valley */
  --color-5: #7c9ab5; /* Bluesy Note */
}

Other schemes from Morris Leaf

• #C2D3AF

  #F0F4EB

  #C0B0D0

  #9C7EB7

  #F3F1F3
  Morris Leaf Complementary Color Scheme
• #D2C2B0

  #D2D3B3

  #C2D3AF

  #ABD1AF

  #B3D5C0
  Morris Leaf Analogous Color Scheme
• #C2D3AF

  #ACB1D4

  #D0ADD3

  #9DBB7D

  #E2E2ED
  Morris Leaf Split-complementary Color Scheme
• #C2D3AF

  #B0D3D1

  #C0B0D0

  #D3ADB1

  #F4F7EE
  Morris Leaf Tetradic Color Scheme
• #749551

  #9DBB7D

  #C2D3AF

  #E7EEE1

  #F4F7EE
  Morris Leaf Monochromatic Color Scheme

More light green triadic color schemes

• #88FFCC

  #CC88FF

  #FFCC88

  #E6FDF1

  #BF3CFF
  A State of Mint Triadic Color Scheme
• #B7E1A1

  #A3BAE3

  #E3A1B8

  #F1F9EC

  #6688CC
  Basil Smash Triadic Color Scheme
• #B3E2D3

  #D6B7E2

  #E1D4B4

  #ECF7F7

  #A87DC2
  Bay Triadic Color Scheme
• #ACDDAF

  #B6ADD8

  #DDADAF

  #EBF8EF

  #7777CC
  Big Spender Triadic Color Scheme
• #BCCAB3

  #AEBBD0

  #CEAEBB

  #F0F4EB

  #7C94B2
  Bok Choy Triadic Color Scheme
• #9AD28C

  #8B98D8

  #CF8D9A

  #DAEED5

  #556CB5
  Botanist Triadic Color Scheme
• #87D7BE

  #B790D4

  #D8BE89

  #D2EFE6

  #9955CC
  Cabbage Triadic Color Scheme
• #B4C2A2

  #9FB6C6

  #C19FB3

  #E4ECDF

  #6B8CA9
  Camping Grounds Triadic Color Scheme
• #ACE1AF

  #ACACE6

  #E6B0AF

  #EBF8EF

  #7777CC
  Celadon Triadic Color Scheme
• #7EBEA5

  #AB7CB4

  #BEA77D

  #C6E3D3

  #84549B
  Celadon Porcelain Triadic Color Scheme
• #C1FD95

  #99CCFF

  #F49AC2

  #F1FDE9

  #5097FC
  Celery Mousse Triadic Color Scheme
• #9DB4A0

  #9791BC

  #BD9D95

  #D4E3D7

  #6F63A0
  Copper Patina Triadic Color Scheme