Opal Green Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #157954; /* Opal Green */
  --color-2: #540d6e; /* Velvet Vortex */
  --color-3: #795419; /* Lizard Brown */
  --color-4: #22cc88; /* Magical Malachite */
  --color-5: #210837; /* Middle Red Purple */
}

Other schemes from Opal Green

• #157954

  #23C48B

  #771133

  #330018

  #CC2266
  Opal Green Complementary Color Scheme
• #357911

  #12732B

  #157954

  #1A6C76

  #1C3378
  Opal Green Analogous Color Scheme
• #157954

  #771166

  #772211

  #09332C

  #BB22AA
  Opal Green Split-complementary Color Scheme
• #157954

  #221177

  #771133

  #717910

  #22CC88
  Opal Green Tetradic Color Scheme
• #001111

  #09332C

  #157954

  #22BB88

  #45CEA2
  Opal Green Monochromatic Color Scheme

More Dark Green triadic palettes

• #11AA00

  #0011AA

  #AA0011

  #33FF11

  #00035B
  Always Greener Grass Triadic Color Scheme
• #387B54

  #53357D

  #795435

  #61BA85

  #332244
  Amazon Triadic Color Scheme
• #118822

  #221188

  #882211

  #16F12D

  #0F084B
  Asian Spice Triadic Color Scheme
• #6A8E22

  #256D8D

  #992266

  #ACD243

  #133A54
  Asparagus Sultan Triadic Color Scheme
• #447744

  #444172

  #794344

  #78AD6D

  #282A4A
  Autumn Crocodile Triadic Color Scheme
• #568203

  #015482

  #8C055E

  #9BE510

  #02273A
  Avocado Triadic Color Scheme
• #25A26F

  #7722AA

  #AA6D28

  #5ACAA4

  #441166
  Bejewelled Triadic Color Scheme
• #95C703

  #0094C8

  #CC0088

  #C8FD3D

  #035E7B
  Bergamot Triadic Color Scheme
• #688049

  #466B82

  #804665

  #9EB37B

  #2D454A
  Beyond the Pines Triadic Color Scheme
• #54682B

  #295468

  #692B57

  #94B44C

  #1B2632
  Bimi Green Triadic Color Scheme
• #2A814D

  #4C2882

  #804E2C

  #50C87C

  #32174D
  Bold Irish Triadic Color Scheme
• #4D6E2F

  #2A4B6E

  #6E314F

  #7EBA4D

  #172B36
  Botanical Triadic Color Scheme