Treasured Teal Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #52c1b3; /* Treasured Teal */
  --color-2: #7a58c1; /* Fuchsia Blue */
  --color-3: #c84c61; /* Claret Red */
  --color-4: #9dc249; /* Pesto Genovese */
  --color-5: #9ad9d4; /* In the Shallows */
}

Other schemes from Treasured Teal

• #52C1B3

  #93DAD3

  #C84C61

  #953640

  #DB9DA7
  Treasured Teal Complementary Color Scheme
• #7AC34F

  #50C777

  #52C1B3

  #5095C3

  #5566CC
  Treasured Teal Analogous Color Scheme
• #52C1B3

  #BB55CC

  #C5B358

  #9AD9D4

  #803790
  Treasured Teal Triadic Color Scheme
• #52C1B3

  #C44D97

  #C17C54

  #2B8C8A

  #D687BA
  Treasured Teal Split-complementary Color Scheme
• #215354

  #2B8C8A

  #52C1B3

  #89D1CB

  #C5E8E7
  Treasured Teal Monochromatic Color Scheme

More Medium Teal tetradic palettes

• #00FBFF

  #8800FF

  #FF0303

  #7FFF00

  #65FFFF
  Aggressive Aqua Tetradic Color Scheme
• #47AE9C

  #654EA3

  #AB485B

  #8CA94A

  #8BD3C6
  Ambrosial Oceanside Tetradic Color Scheme
• #45E9C1

  #6140EF

  #EC4872

  #A7E142

  #A5FCDC
  Aphrodite Aqua Tetradic Color Scheme
• #0FF0FE

  #8811FF

  #FE1C06

  #7CFC00

  #7DF9FF
  Aqua Tetradic Color Scheme
• #2EE8BB

  #5F34E7

  #EE3355

  #B6E12A

  #8CFFDB
  Aquamarine Tetradic Color Scheme
• #2DB0CE

  #9932CC

  #CE4A2D

  #58D332

  #7FCCE2
  Aquarius Tetradic Color Scheme
• #648589

  #7B5D92

  #905D5D

  #769358

  #93BCBB
  Arctic Tetradic Color Scheme
• #00FCFC

  #7F01FE

  #FF0000

  #7CFC00

  #65FFFF
  Arctic Water Tetradic Color Scheme
• #5CA0A7

  #8D5EB7

  #A36159

  #76A55B

  #9FC5CC
  Atlas Cedar Tetradic Color Scheme
• #00BBEE

  #AA00FF

  #EE3300

  #44EE00

  #55DDFF
  Blue Bikini Tetradic Color Scheme
• #52B4CA

  #A259CE

  #CB6D51

  #79C753

  #A1D8E0
  Blue Bobbin Tetradic Color Scheme
• #52B4D3

  #BA55D3

  #CD6E53

  #69D84F

  #A1D9E7
  Blue Martini Tetradic Color Scheme