Hey Pesto Monochromatic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #563c0d; /* Pineapple */
  --color-2: #81762b; /* Faience Green */
  --color-3: #bea932; /* Hey Pesto */
  --color-4: #ddc765; /* Williams Pear Yellow */
  --color-5: #e6daa6; /* Beige */
}

Other schemes from Hey Pesto

• #BEA932

  #DDCC77

  #2E4EBF

  #223382

  #7983D7
  Hey Pesto Complementary Color Scheme
• #BB3344

  #BF652E

  #BEA932

  #8AB733

  #55BB33
  Hey Pesto Analogous Color Scheme
• #BEA932

  #36BFA8

  #A328B3

  #DDCC77

  #2B8478
  Hey Pesto Triadic Color Scheme
• #BEA932

  #2A8FBD

  #6633BB

  #81762B

  #65B4D8
  Hey Pesto Split-complementary Color Scheme
• #BEA932

  #33B864

  #2E4EBF

  #BB3388

  #DDCC77
  Hey Pesto Tetradic Color Scheme

More Medium Yellow monochromatic palettes

• #4B4433

  #756F54

  #9F9978

  #BEBAA7

  #DEDDD1
  A Frond in Need Monochromatic Color Scheme
• #2F2E1F

  #62603E

  #948F54

  #B3B17B

  #D4CFB2
  Amazon Queen Monochromatic Color Scheme
• #947706

  #D2BD0A

  #F6DD34

  #F8E87B

  #FCF4C8
  Angel’s Trumpet Monochromatic Color Scheme
• #34342C

  #615D4C

  #8B846D

  #ABA798

  #D1CCC2
  Antique Monochromatic Color Scheme
• #3C351F

  #6F6138

  #A19250

  #BBB477

  #D8D3B2
  Backroom Ember Monochromatic Color Scheme
• #5C5638

  #8C854F

  #B1A979

  #CEC7AA

  #EAE7DA
  Bamboo Forest Monochromatic Color Scheme
• #929000

  #DDDD00

  #F8F739

  #FCFC81

  #FEFECD
  Banana Bandanna Monochromatic Color Scheme
• #937C00

  #CDC50A

  #F7E82E

  #FFEE77

  #FFFAC1
  Banana Bombshell Monochromatic Color Scheme
• #74640D

  #B9A70F

  #E8D82C

  #EFE073

  #F9F2B3
  Banana Brick Monochromatic Color Scheme
• #606602

  #A8B504

  #EEFE02

  #F7FB4E

  #FCFC9D
  Banana Flash Monochromatic Color Scheme
• #737000

  #ABBC01

  #FFFB08

  #FFFF55

  #FCFFA4
  Banana King Monochromatic Color Scheme
• #997700

  #DFB900

  #FDD630

  #FEE37F

  #FCF4C8
  Banana Pepper Monochromatic Color Scheme