Puddle Jumper Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #6a8389; /* Puddle Jumper */
  --color-2: #9d5b8b; /* Kyo Purple */
  --color-3: #8f9b5b; /* Vitality */
  --color-4: #9ab8c2; /* Shallow Sea */
  --color-5: #643e65; /* Purple Odyssey */
}

Other schemes from Puddle Jumper

• #6A8389

  #91B2BC

  #97645A

  #6B473D

  #C1A097
  Puddle Jumper Complementary Color Scheme
• #5D9865

  #5E9B86

  #6A8389

  #5A6E9C

  #6C5D97
  Puddle Jumper Analogous Color Scheme
• #6A8389

  #92576F

  #9A845E

  #3A6468

  #B78999
  Puddle Jumper Split-complementary Color Scheme
• #6A8389

  #845998

  #97645A

  #739957

  #9AB8C2
  Puddle Jumper Tetradic Color Scheme
• #263032

  #475A5E

  #6A8389

  #99A7AB

  #BDCBCB
  Puddle Jumper Monochromatic Color Scheme

More Medium Teal triadic palettes

• #00FBFF

  #FF00FF

  #FBFF00

  #65FFFF

  #B300B3
  Aggressive Aqua Triadic Color Scheme
• #47AE9C

  #9448B0

  #AD9E4B

  #8BD3C6

  #6B327B
  Ambrosial Oceanside Triadic Color Scheme
• #45E9C1

  #CC55EE

  #E8C247

  #A5FCDC

  #9B1DCD
  Aphrodite Aqua Triadic Color Scheme
• #0FF0FE

  #FF0FF3

  #EEFF11

  #7DF9FF

  #CC11BB
  Aqua Triadic Color Scheme
• #2EE8BB

  #BF36E0

  #ECBD2C

  #8CFFDB

  #8F1CAE
  Aquamarine Triadic Color Scheme
• #2DB0CE

  #D92FB4

  #ACCB35

  #7FCCE2

  #871F78
  Aquarius Triadic Color Scheme
• #648589

  #94568C

  #8E9655

  #93BCBB

  #643E65
  Arctic Triadic Color Scheme
• #00FCFC

  #FF00FF

  #FFFC00

  #65FFFF

  #B300B3
  Arctic Water Triadic Color Scheme
• #5CA0A7

  #AA55AA

  #AAAA55

  #9FC5CC

  #7A4171
  Atlas Cedar Triadic Color Scheme
• #00BBEE

  #FF00BB

  #BBEE00

  #55DDFF

  #AA0077
  Blue Bikini Triadic Color Scheme
• #52B4CA

  #C94CBE

  #BBCC55

  #A1D8E0

  #952E8F
  Blue Bobbin Triadic Color Scheme
• #52B4D3

  #DE55A9

  #B3D157

  #A1D9E7

  #B53389
  Blue Martini Triadic Color Scheme