Castaway Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #6dbac0; /* Castaway */
  --color-2: #cf71af; /* Sky Magenta */
  --color-3: #b0c175; /* Lavish Lime */
  --color-4: #b7dadd; /* Light Watermark */
  --color-5: #9b4d93; /* Hyacinth Violet */
}

Other schemes from Castaway

• #6DBAC0

  #ACD6DB

  #C06F70

  #9D4542

  #DFB7B4
  Castaway Complementary Color Scheme
• #6BC271

  #68C89D

  #6DBAC0

  #6E8FC0

  #746CC0
  Castaway Analogous Color Scheme
• #6DBAC0

  #C3738D

  #C09E6C

  #48929B

  #D4A1B5
  Castaway Split-complementary Color Scheme
• #6DBAC0

  #9470C4

  #C06F70

  #8DC36A

  #B7DADD
  Castaway Tetradic Color Scheme
• #2E6469

  #48929B

  #6DBAC0

  #A2D5D3

  #D8EEED
  Castaway 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