Puddle Jumper Monochromatic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #263032; /* Navy Black */
  --color-2: #475a5e; /* Iron Forge */
  --color-3: #6a8389; /* Puddle Jumper */
  --color-4: #99a7ab; /* Celestra Grey */
  --color-5: #bdcbcb; /* Ice Flow */
}

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

  #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

More Medium Teal monochromatic palettes

• #016367

  #01B1AF

  #00FBFF

  #55FFFF

  #99FFFF
  Aggressive Aqua Monochromatic Color Scheme
• #19443C

  #31796D

  #47AE9C

  #77CABD

  #AEDDD3
  Ambrosial Oceanside Monochromatic Color Scheme
• #17806D

  #00CC99

  #45E9C1

  #84FBCE

  #CFF7EF
  Aphrodite Aqua Monochromatic Color Scheme
• #006D73

  #06B1C4

  #0FF0FE

  #53F6FF

  #AAFFFF
  Aqua Monochromatic Color Scheme
• #127453

  #1DB394

  #2EE8BB

  #7EF4CC

  #B8FFEB
  Aquamarine Monochromatic Color Scheme
• #154250

  #1B7D8D

  #2DB0CE

  #6CC4DA

  #ACDEEB
  Aquarius Monochromatic Color Scheme
• #252F2F

  #445A5E

  #648589

  #8BA8AE

  #B9CACC
  Arctic Monochromatic Color Scheme
• #016360

  #01B1AF

  #00FCFC

  #41FDFE

  #99FFFF
  Arctic Water Monochromatic Color Scheme
• #264243

  #417074

  #5CA0A7

  #8FBCC4

  #BCD9DC
  Atlas Cedar Monochromatic Color Scheme
• #004455

  #007FA2

  #00BBEE

  #37C4FA

  #88EEFF
  Blue Bikini Monochromatic Color Scheme
• #18576C

  #30949D

  #52B4CA

  #8FCBDC

  #C5E8EE
  Blue Bobbin Monochromatic Color Scheme
• #1A5D72

  #338DAE

  #52B4D3

  #93CFE3

  #CCEBF5
  Blue Martini Monochromatic Color Scheme