Eat Your Greens Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #696845; /* Eat Your Greens */
  --color-2: #a0a667; /* Always Apple */
  --color-3: #42426f; /* Overcast Night */
  --color-4: #21263a; /* Midnight Express */
  --color-5: #6c70a9; /* Jacaranda Jazz */
}

Other schemes from Eat Your Greens

• #704241

  #6D5542

  #696845

  #5A6E41

  #476E42
  Eat Your Greens Analogous Color Scheme
• #696845

  #456F6E

  #62416D

  #A1A46D

  #273E3E
  Eat Your Greens Triadic Color Scheme
• #696845

  #435A6F

  #57446A

  #3F3925

  #5D7F9D
  Eat Your Greens Split-complementary Color Scheme
• #696845

  #416858

  #42426F

  #6C445B

  #A1A46D
  Eat Your Greens Tetradic Color Scheme
• #12110E

  #3F3925

  #696845

  #969565

  #B5B68F
  Eat Your Greens Monochromatic Color Scheme

More Dark Yellow complementary palettes

• #886600

  #E1AD01

  #002288

  #01153E

  #0033EE
  Alligator Complementary Color Scheme
• #90AA0B

  #C9E423

  #3311AA

  #120A65

  #4422EE
  Augustus Asparagus Complementary Color Scheme
• #665500

  #C4A703

  #001166

  #01081C

  #0022CC
  Ayahuasca Vine Complementary Color Scheme
• #666A47

  #9BA868

  #444172

  #272A3B

  #786DAA
  Bancha Complementary Color Scheme
• #86793D

  #BBA86A

  #3C4D85

  #272D4E

  #6A7DBC
  Bay Leaf Complementary Color Scheme
• #6E6A44

  #A69D64

  #43456D

  #272A3B

  #6A75AD
  Beat Around the Bush Complementary Color Scheme
• #889900

  #DDFF00

  #000099

  #040348

  #1600FC
  BioShock Complementary Color Scheme
• #897A3E

  #BBA86A

  #3A4C88

  #243256

  #6A7DBC
  Capers Complementary Color Scheme
• #9B870C

  #EECC11

  #082599

  #001155

  #152EFF
  Captain Kirk Complementary Color Scheme
• #8C9632

  #BBCC5A

  #333399

  #2D135F

  #6F6ED1
  Chorus of Frogs Complementary Color Scheme
• #9FB70A

  #D5F534

  #2000B1

  #130173

  #4433EE
  Citrus Complementary Color Scheme
• #A4A404

  #FFF80A

  #0504AA

  #00035B

  #1C1CF0
  Countryside Complementary Color Scheme