Matcha Mecha Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #9faf6c; /* Matcha Mecha */
  --color-2: #71af98; /* Dusty Jade Green */
  --color-3: #766cb0; /* Clear Mauve */
  --color-4: #ae6a78; /* Mauvewood */
  --color-5: #cbd5b1; /* Mint Soap */
}

Other schemes from Matcha Mecha

• #9FAF6C

  #C7CDA8

  #766CB0

  #564985

  #B6AED6
  Matcha Mecha Complementary Color Scheme
• #AE7F71

  #AC9A6C

  #9FAF6C

  #7FAC6E

  #69B076
  Matcha Mecha Analogous Color Scheme
• #9FAF6C

  #6F9DB3

  #AC6B98

  #CBD5B1

  #4B7689
  Matcha Mecha Triadic Color Scheme
• #9FAF6C

  #6A7FB4

  #946DAD

  #77824A

  #9BA9CA
  Matcha Mecha Split-complementary Color Scheme
• #47562F

  #77824A

  #9FAF6C

  #B8CA9D

  #E2E6D1
  Matcha Mecha Monochromatic Color Scheme

More Medium Green tetradic palettes

• #00FF22

  #0058F8

  #EE00DD

  #FFA300

  #73FA79
  Acid Tetradic Color Scheme
• #8FFE09

  #11FFEE

  #7F01FE

  #FE0215

  #BEFD73
  Acid Green Tetradic Color Scheme
• #2CE335

  #247AFD

  #E03FD8

  #E69332

  #90EE90
  Alarming Slime Tetradic Color Scheme
• #0CFF0C

  #0084FF

  #FF09FF

  #FF8812

  #77FF77
  Alien Abduction Tetradic Color Scheme
• #00CC55

  #0011CC

  #CC0077

  #D6BE01

  #2AF589
  Alienated Tetradic Color Scheme
• #678779

  #5E5896

  #985672

  #95945C

  #95BFB2
  Aloe Vera Tetradic Color Scheme
• #98C945

  #48C2B0

  #7442C8

  #CE4458

  #C1E28A
  Aromatic Herbs Tetradic Color Scheme
• #A1B670

  #6FB7A8

  #8773BB

  #B7737D

  #CDD6B1
  Around the Gills Tetradic Color Scheme
• #8F9779

  #68A895

  #786DAA

  #A66E7A

  #C1CFA9
  Artichoke Tetradic Color Scheme
• #75AD5B

  #579DAB

  #8D5EB7

  #AF6C5D

  #A8D19E
  Arugula Tetradic Color Scheme
• #77AB56

  #5CA0A7

  #8D5EB7

  #AE5F55

  #B2CC9A
  Asparagus Tetradic Color Scheme
• #B9FF03

  #00FFCC

  #4400FF

  #FE023C

  #D4FB79
  Atomic Lime Tetradic Color Scheme