Citrus Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #9fb70a; /* Citrus */
  --color-2: #0cb577; /* Green Teal */
  --color-3: #2000b1; /* Deep Sea Exploration */
  --color-4: #b0054b; /* Purplish Red */
  --color-5: #d5f534; /* Stadium Grass */
}

Other schemes from Citrus

• #9FB70A

  #D5F534

  #2000B1

  #130173

  #4433EE
  Citrus Complementary Color Scheme
• #BB240C

  #BD7E08

  #9FB70A

  #55BB11

  #11BB22
  Citrus Analogous Color Scheme
• #9FB70A

  #009CB7

  #BB0099

  #D5F534

  #00606F
  Citrus Triadic Color Scheme
• #9FB70A

  #0048BA

  #6611AA

  #6A6E09

  #1F66FF
  Citrus Split-complementary Color Scheme
• #222200

  #6A6E09

  #9FB70A

  #D0FE1D

  #E8ED69
  Citrus Monochromatic Color Scheme

More Dark Yellow tetradic palettes

• #886600

  #008822

  #002288

  #880066

  #F2B400
  Alligator Tetradic Color Scheme
• #90AA0B

  #10A674

  #3311AA

  #A60E46

  #D5F534
  Augustus Asparagus Tetradic Color Scheme
• #665500

  #006622

  #001166

  #770044

  #CCAA00
  Ayahuasca Vine Tetradic Color Scheme
• #666A47

  #416858

  #444172

  #6D4052

  #A1A46D
  Bancha Tetradic Color Scheme
• #86793D

  #398A59

  #3C4D85

  #853C69

  #BBAB6D
  Bay Leaf Tetradic Color Scheme
• #6E6A44

  #477050

  #43456D

  #6C445B

  #AEA26E
  Beat Around the Bush Tetradic Color Scheme
• #889900

  #00955E

  #000099

  #9E003A

  #E3FF00
  BioShock Tetradic Color Scheme
• #897A3E

  #398A59

  #3A4C88

  #863F76

  #BDAA6F
  Capers Tetradic Color Scheme
• #9B870C

  #009933

  #082599

  #9E0E64

  #F0D31E
  Captain Kirk Tetradic Color Scheme
• #8C9632

  #359E6B

  #333399

  #92345B

  #C5D061
  Chorus of Frogs Tetradic Color Scheme
• #A4A404

  #00A550

  #0504AA

  #A50055

  #FFF917
  Countryside Tetradic Color Scheme
• #767437

  #387B54

  #333C76

  #753A58

  #B5B35C
  Crocodile Style Tetradic Color Scheme