Kelp Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #573935; /* Intergalactic Ray */
  --color-2: #574d35; /* Tǔ Hēi Black */
  --color-3: #4d503c; /* Kelp */
  --color-4: #415b36; /* Turf */
  --color-5: #3b593a; /* Ficus */
}

Other schemes from Kelp

• #4D503C

  #898E58

  #3D3354

  #17182B

  #625C91
  Kelp Complementary Color Scheme
• #4D503C

  #385058

  #533552

  #8F9B5B

  #162825
  Kelp Triadic Color Scheme
• #4D503C

  #334159

  #4F3357

  #27221F

  #516582
  Kelp Split-complementary Color Scheme
• #4D503C

  #32584C

  #3D3354

  #563342

  #8F9B5B
  Kelp Tetradic Color Scheme
• #12110E

  #21211D

  #4D503C

  #747D5A

  #9DA286
  Kelp 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