Citrus Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #bb240c; /* Lobster */
  --color-2: #bd7e08; /* Guo Tie Dumpling */
  --color-3: #9fb70a; /* Citrus */
  --color-4: #55bb11; /* Étude Naturelle */
  --color-5: #11bb22; /* Spring Forth */
}

Other schemes from Citrus

• #9FB70A

  #D5F534

  #2000B1

  #130173

  #4433EE
  Citrus Complementary Color Scheme
• #9FB70A

  #009CB7

  #BB0099

  #D5F534

  #00606F
  Citrus Triadic Color Scheme
• #9FB70A

  #0048BA

  #6611AA

  #6A6E09

  #1F66FF
  Citrus Split-complementary Color Scheme
• #9FB70A

  #0CB577

  #2000B1

  #B0054B

  #D5F534
  Citrus Tetradic Color Scheme
• #222200

  #6A6E09

  #9FB70A

  #D0FE1D

  #E8ED69
  Citrus 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
• #A90308

  #A75502

  #A4A404

  #50A400

  #00A800
  Countryside Analogous Color Scheme
• #783738

  #795435

  #767437

  #547839

  #3C773C
  Crocodile Style Analogous Color Scheme