Eat Your Greens Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #704241; /* Old Coffee */
  --color-2: #6d5542; /* Breakfast Blend */
  --color-3: #696845; /* Eat Your Greens */
  --color-4: #5a6e41; /* Chalet Green */
  --color-5: #476e42; /* Under the Radar */
}

Other schemes from Eat Your Greens

• #696845

  #A0A667

  #42426F

  #21263A

  #6C70A9
  Eat Your Greens Complementary 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 analogous palettes

• #880022

  #882200

  #886600

  #748500

  #228800
  Alligator Analogous Color Scheme
• #AB250B

  #AA7711

  #90AA0B

  #44AA11

  #00AA22
  Augustus Asparagus Analogous Color Scheme
• #660011

  #662200

  #665500

  #4D6D08

  #046307
  Ayahuasca Vine Analogous Color Scheme
• #6D4741

  #6E5F45

  #666A47

  #577042

  #446D46
  Bancha Analogous Color Scheme
• #853C47

  #84563C

  #86793D

  #728639

  #468C3E
  Bay Leaf Analogous Color Scheme
• #6F434A

  #6D5542

  #6E6A44

  #5A6E41

  #476E42
  Beat Around the Bush Analogous Color Scheme
• #991100

  #995500

  #889900

  #339900

  #009911
  BioShock Analogous Color Scheme
• #8C3F52

  #84563C

  #897A3E

  #728639

  #528D3C
  Capers Analogous Color Scheme
• #991122

  #994411

  #9B870C

  #669900

  #229911
  Captain Kirk Analogous Color Scheme
• #973A36

  #996D32

  #8C9632

  #559933

  #3A9234
  Chorus of Frogs Analogous Color Scheme
• #BB240C

  #BD7E08

  #9FB70A

  #55BB11

  #11BB22
  Citrus Analogous Color Scheme
• #A90308

  #A75502

  #A4A404

  #50A400

  #00A800
  Countryside Analogous Color Scheme