Puddle Jumper Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #6a8389; /* Puddle Jumper */
  --color-2: #91b2bc; /* Lucy Blue */
  --color-3: #97645a; /* Umenezumi Plum */
  --color-4: #6b473d; /* Deep Cherrywood */
  --color-5: #c1a097; /* Andes Ash */
}

Other schemes from Puddle Jumper

• #5D9865

  #5E9B86

  #6A8389

  #5A6E9C

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

  #9D5B8B

  #8F9B5B

  #9AB8C2

  #643E65
  Puddle Jumper Triadic 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 complementary palettes

• #00FBFF

  #56FFFF

  #FF0303

  #B30103

  #FF6666
  Aggressive Aqua Complementary Color Scheme
• #47AE9C

  #86D2C1

  #AB485B

  #772F39

  #D08995
  Ambrosial Oceanside Complementary Color Scheme
• #45E9C1

  #99FFDD

  #EC4872

  #D01343

  #F0A0B6
  Aphrodite Aqua Complementary Color Scheme
• #0FF0FE

  #6DEDFD

  #FE1C06

  #C40700

  #FF7E79
  Aqua Complementary Color Scheme
• #2EE8BB

  #84FBCE

  #EE3355

  #B31A38

  #F590A0
  Aquamarine Complementary Color Scheme
• #2DB0CE

  #7ECBE2

  #CE4A2D

  #8B2E19

  #E58F7C
  Aquarius Complementary Color Scheme
• #648589

  #8BB6B8

  #905D5D

  #63403A

  #BD9D95
  Arctic Complementary Color Scheme
• #00FCFC

  #56FFFF

  #FF0000

  #AC0000

  #FF6163
  Arctic Water Complementary Color Scheme
• #5CA0A7

  #99C5C4

  #A36159

  #784841

  #CAA09E
  Atlas Cedar Complementary Color Scheme
• #00BBEE

  #4CD5FF

  #EE3300

  #AA2200

  #FF7855
  Blue Bikini Complementary Color Scheme
• #52B4CA

  #9CD4E1

  #CB6D51

  #9D4531

  #E3A9A2
  Blue Bobbin Complementary Color Scheme
• #52B4D3

  #9AD6E5

  #CD6E53

  #AE4930

  #E6B4A6
  Blue Martini Complementary Color Scheme