Orange Soda Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #fa5b3d; /* Orange Soda */
  --color-2: #fbaa95; /* No Way Rosé */
  --color-3: #22ddff; /* Vaporwave Blue */
  --color-4: #00ccee; /* Picnic Day Sky */
  --color-5: #aaeeff; /* Beyond the Clouds */
}

Other schemes from Orange Soda

• #FF33CC

  #EF347C

  #FA5B3D

  #FFBC3E

  #D5F534
  Orange Soda Analogous Color Scheme
• #FA5B3D

  #2DFE54

  #5533FF

  #FFAFA3

  #00EE22
  Orange Soda Triadic Color Scheme
• #FA5B3D

  #2AFEB7

  #3D7AFD

  #EC2D01

  #84FBCE
  Orange Soda Split-complementary Color Scheme
• #FA5B3D

  #7FF23E

  #22DDFF

  #BF3CFF

  #FFAFA3
  Orange Soda Tetradic Color Scheme
• #991B07

  #EC2D01

  #FA5B3D

  #FD9B88

  #FDD8D4
  Orange Soda Monochromatic Color Scheme

More Light Red complementary palettes

• #EE5851

  #F9A7A4

  #45E9FD

  #11DDDD

  #B2F8F8
  Amour Complementary Color Scheme
• #F04E45

  #FB9F93

  #45E9FD

  #09CDCD

  #A4F4F9
  Angry Flamingo Complementary Color Scheme
• #FF7A83

  #FDD7D8

  #73FDFF

  #33FFFF

  #E0FEFE
  Anime Blush Complementary Color Scheme
• #E35A63

  #EDAAAC

  #5EE7DF

  #22CCCC

  #AFEEEE
  Aphrodisiac Complementary Color Scheme
• #DC7B7C

  #EDC3C5

  #78D8D9

  #3DCFC2

  #CEEEEF
  Babe Complementary Color Scheme
• #FA6E79

  #FDC8CD

  #66EEEE

  #26F7FD

  #D0FEFE
  Begonia Complementary Color Scheme
• #D75E6C

  #E6A7AC

  #55DDCC

  #2CBAA3

  #B0EEE2
  Berrylicious Complementary Color Scheme
• #D47D72

  #EBBDB8

  #71CBD2

  #30AABC

  #C0E7EB
  Bite My Tongue Complementary Color Scheme
• #FF474C

  #FEA5A2

  #41FDFE

  #00FFEF

  #ACFFFC
  Blood Burst Complementary Color Scheme
• #DD99AA

  #F5DEE2

  #99DDCC

  #66CDAA

  #E2F7F1
  Blush Bomb Complementary Color Scheme
• #FF6F91

  #FFC9D7

  #73FCD6

  #32FFDC

  #D8FFF3
  Blush Hour Complementary Color Scheme
• #E58787

  #F6D2D4

  #96E2E1

  #48D1CC

  #D7F5F6
  Boho Blush Complementary Color Scheme