Grass Is Greener Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #3f9b0b; /* Grass Is Greener */
  --color-2: #00869a; /* Marker Blue */
  --color-3: #720b98; /* Chinese Purple */
  --color-4: #991b07; /* Totem Pole */
  --color-5: #7ded17; /* Slimy Green */
}

Other schemes from Grass Is Greener

• #3F9B0B

  #73E608

  #720B98

  #330055

  #BB11EE
  Grass Is Greener Complementary Color Scheme
• #9C6B08

  #889911

  #3F9B0B

  #028F1E

  #0B9D6A
  Grass Is Greener Analogous Color Scheme
• #3F9B0B

  #033B9A

  #9E003A

  #7DED17

  #092256
  Grass Is Greener Triadic Color Scheme
• #3F9B0B

  #120A8F

  #990088

  #225511

  #3311EE
  Grass Is Greener Split-complementary Color Scheme
• #0F180A

  #225511

  #3F9B0B

  #4BEC13

  #9CEF43
  Grass Is Greener Monochromatic Color Scheme

More Dark Green tetradic palettes

• #11AA00

  #0065AC

  #9900AA

  #AA4400

  #33FF11
  Always Greener Grass Tetradic Color Scheme
• #387B54

  #363E7D

  #753A58

  #767437

  #61BA85
  Amazon Tetradic Color Scheme
• #118822

  #063C89

  #881177

  #885818

  #16F12D
  Asian Spice Tetradic Color Scheme
• #6A8E22

  #20887A

  #442288

  #92242E

  #ACD243
  Asparagus Sultan Tetradic Color Scheme
• #447744

  #475F77

  #784674

  #7A5D46

  #78AD6D
  Autumn Crocodile Tetradic Color Scheme
• #568203

  #00846D

  #380282

  #840014

  #9BE510
  Avocado Tetradic Color Scheme
• #25A26F

  #3D34A5

  #A22452

  #9AA22B

  #5ACAA4
  Bejewelled Tetradic Color Scheme
• #95C703

  #00CC99

  #3300CC

  #C40233

  #C8FD3D
  Bergamot Tetradic Color Scheme
• #688049

  #43817A

  #644982

  #80474E

  #9EB37B
  Beyond the Pines Tetradic Color Scheme
• #54682B

  #29685F

  #3E3267

  #6A2E36

  #94B44C
  Bimi Green Tetradic Color Scheme
• #2A814D

  #283482

  #872657

  #81762B

  #50C87C
  Bold Irish Tetradic Color Scheme
• #4D6E2F

  #316C69

  #522A6F

  #6C322E

  #7EBA4D
  Botanical Tetradic Color Scheme