Mango Split-complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #ffa62b; /* Mango */
  --color-2: #22eeff; /* Sparky Blue */
  --color-3: #3a2efe; /* System Shock Blue */
  --color-4: #da8704; /* Fleur de Sel Caramel */
  --color-5: #7df9ff; /* Electric Blue */
}

Other schemes from Mango

• #FFA62B

  #FFCC88

  #2188FF

  #0055DD

  #99BBFF
  Mango Complementary Color Scheme
• #F62681

  #FF3A2D

  #FFA62B

  #E8FF2A

  #87FF2A
  Mango Analogous Color Scheme
• #FFA62B

  #2AFEB7

  #AA23FF

  #FFCE8F

  #19CC89
  Mango Triadic Color Scheme
• #FFA62B

  #26FF2A

  #2188FF

  #FF2FEB

  #FFCE8F
  Mango Tetradic Color Scheme
• #945200

  #DA8704

  #FFA62B

  #FFC878

  #FFE6C3
  Mango Monochromatic Color Scheme

More Medium Orange split-complementary palettes

• #E56E24

  #25E2CD

  #273BE2

  #AD4E1A

  #6FE7DB
  24 Carrot Split-complementary Color Scheme
• #F2850D

  #11EEEE

  #150AEC

  #A75E09

  #56F7F3
  À l’Orange Split-complementary Color Scheme
• #7F5E50

  #43817A

  #4E5481

  #533B32

  #74A69B
  Acorn Split-complementary Color Scheme
• #C09856

  #56B3C3

  #6258C4

  #976F3C

  #8ECED8
  Amaretto Sour Split-complementary Color Scheme
• #FFBF00

  #00BFFF

  #3F00FF

  #BB8800

  #4CD5FF
  Amber Split-complementary Color Scheme
• #F4711E

  #08E8DE

  #152EFF

  #BB5511

  #66EEEE
  Apocalyptic Orange Split-complementary Color Scheme
• #FF7013

  #11FFEE

  #152EFF

  #C65102

  #65FFFF
  Arancio Split-complementary Color Scheme
• #9D6646

  #4A9C95

  #445599

  #6A432D

  #71BAB4
  Argan Oil Split-complementary Color Scheme
• #BB8246

  #43BCBE

  #4A40AD

  #825E2F

  #7FD3D3
  Arrakis Spice Split-complementary Color Scheme
• #B3861E

  #1E98AE

  #3A18B1

  #775511

  #34B5D5
  Arrowwood Split-complementary Color Scheme
• #F88605

  #01F1F1

  #0C06F7

  #B25F03

  #53F6FF
  Atomic Orange Split-complementary Color Scheme
• #AD5928

  #25AE8E

  #2138AB

  #72371C

  #48D1CC
  Autumnal Split-complementary Color Scheme