Orange Soda Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #fa5b3d; /* Orange Soda */
  --color-2: #7ff23e; /* Lush Greenery */
  --color-3: #22ddff; /* Vaporwave Blue */
  --color-4: #bf3cff; /* Magento */
  --color-5: #ffafa3; /* Amber Tide */
}

Other schemes from Orange Soda

• #FA5B3D

  #FBAA95

  #22DDFF

  #00CCEE

  #AAEEFF
  Orange Soda Complementary Color Scheme
• #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
• #991B07

  #EC2D01

  #FA5B3D

  #FD9B88

  #FDD8D4
  Orange Soda Monochromatic Color Scheme

More Light Red tetradic palettes

• #EE5851

  #9CEF43

  #45E9FD

  #AA55EE

  #F5B1AA
  Amour Tetradic Color Scheme
• #F04E45

  #9CEF43

  #45E9FD

  #AB46EC

  #F9A7A4
  Angry Flamingo Tetradic Color Scheme
• #FF7A83

  #CCFD7F

  #73FDFF

  #A675FE

  #FFE4E1
  Anime Blush Tetradic Color Scheme
• #E35A63

  #B2EC5D

  #5EE7DF

  #9457EB

  #F1B3B6
  Aphrodisiac Tetradic Color Scheme
• #DC7B7C

  #AFD77F

  #78D8D9

  #B57EDC

  #F1CBCD
  Babe Tetradic Color Scheme
• #FA6E79

  #BEFD73

  #66EEEE

  #B36FF6

  #FDD0D5
  Begonia Tetradic Color Scheme
• #D75E6C

  #ABD35D

  #55DDCC

  #9955CC

  #ECB2B3
  Berrylicious Tetradic Color Scheme
• #D47D72

  #9CD572

  #71CBD2

  #B56EDC

  #ECC5C0
  Bite My Tongue Tetradic Color Scheme
• #FF474C

  #A6FD44

  #41FDFE

  #9955FF

  #FFB0AC
  Blood Burst Tetradic Color Scheme
• #DD99AA

  #CCDD99

  #99DDCC

  #B19CD9

  #F5E6EA
  Blush Bomb Tetradic Color Scheme
• #FF6F91

  #D4FB79

  #73FCD6

  #9878F8

  #FFD6DD
  Blush Hour Tetradic Color Scheme
• #E58787

  #BBEE88

  #96E2E1

  #BF8FE5

  #F8DCDB
  Boho Blush Tetradic Color Scheme