Grass Split-complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #5cac2d; /* Grass */
  --color-2: #3d34a5; /* Purple Cabbage */
  --color-3: #a83a9a; /* Purple Cactus Flower */
  --color-4: #3d7016; /* Forest Empress */
  --color-5: #6a5acd; /* Ameixa */
}

Other schemes from Grass

• #5CAC2D

  #8DCE65

  #7733AA

  #540D6E

  #AD66D2
  Grass Complementary Color Scheme
• #AC7C2E

  #9FB32E

  #5CAC2D

  #34B334

  #2BB179
  Grass Analogous Color Scheme
• #5CAC2D

  #3356AA

  #A7295F

  #8AD370

  #13336F
  Grass Triadic Color Scheme
• #5CAC2D

  #2599B2

  #7733AA

  #AE3C29

  #8AD370
  Grass Tetradic Color Scheme
• #113311

  #3D7016

  #5CAC2D

  #88CC55

  #B2E191
  Grass Monochromatic Color Scheme

More Medium Green split-complementary palettes

• #00FF22

  #AA00FF

  #FF005D

  #00BB11

  #AA55FF
  Acid Split-complementary Color Scheme
• #8FFE09

  #0011FF

  #FF09FF

  #66BB00

  #5555FF
  Acid Green Split-complementary Color Scheme
• #2CE335

  #8A2BE2

  #E42B73

  #15B01A

  #B36FF6
  Alarming Slime Split-complementary Color Scheme
• #0CFF0C

  #8811FF

  #FF0789

  #00BB00

  #AA55FF
  Alien Abduction Split-complementary Color Scheme
• #00CC55

  #AA00CC

  #CC0011

  #008833

  #FF11FF
  Alienated Split-complementary Color Scheme
• #678779

  #98568D

  #935A59

  #3E6655

  #BA86B5
  Aloe Vera Split-complementary Color Scheme
• #98C945

  #4455CC

  #BB44CC

  #6D8E2C

  #8A83DA
  Aromatic Herbs Split-complementary Color Scheme
• #A1B670

  #6A7FB4

  #A66FB5

  #78944A

  #A2ADD0
  Around the Gills Split-complementary Color Scheme
• #8F9779

  #6B7BA7

  #9569A3

  #6E7C45

  #9EA5C3
  Artichoke Split-complementary Color Scheme
• #75AD5B

  #6A5BB1

  #AD5E99

  #4C793C

  #9A8EC1
  Arugula Split-complementary Color Scheme
• #77AB56

  #5959AB

  #AA55AA

  #547839

  #8C87C5
  Asparagus Split-complementary Color Scheme
• #B9FF03

  #003AFF

  #CC00FF

  #84B701

  #4E7FFF
  Atomic Lime Split-complementary Color Scheme