Grapefruit Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #fd5956; /* Grapefruit */
  --color-2: #aaff55; /* Irradiated Green */
  --color-3: #53f6ff; /* Frozen Turquoise */
  --color-4: #aa55ff; /* Vega Violet */
  --color-5: #ffbcbc; /* Peach Scone */
}

Other schemes from Grapefruit

• #FD5956

  #FFB3B1

  #53F6FF

  #0FFEF9

  #BBFFFF
  Grapefruit Complementary Color Scheme
• #FC53FC

  #FF55A3

  #FD5956

  #FCB057

  #FFFF55
  Grapefruit Analogous Color Scheme
• #FD5956

  #53FE5C

  #5555FF

  #FFBCBC

  #09F911
  Grapefruit Triadic Color Scheme
• #FD5956

  #55FFAA

  #5BA8FF

  #FF0E0E

  #A5FBD5
  Grapefruit Split-complementary Color Scheme
• #BA0105

  #FF0E0E

  #FD5956

  #FEA5A2

  #FFE6E7
  Grapefruit 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