Hyper Light Drifter Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #eddbda; /* Hyper Light Drifter */
  --color-2: #e1ecd9; /* Lime Glow */
  --color-3: #daebef; /* Frost Wind */
  --color-4: #e5dbeb; /* Princess Fairy Tale */
  --color-5: #f6eeed; /* Grannie’s Pearls */
}

Other schemes from Hyper Light Drifter

• #EDDBDA

  #F6EEED

  #DAEBEF

  #A6D0D6

  #ECF7F7
  Hyper Light Drifter Complementary Color Scheme
• #EFDCEB

  #EFDBE2

  #EDDBDA

  #ECE5DA

  #ECECDA
  Hyper Light Drifter Analogous Color Scheme
• #EDDBDA

  #DCEEDB

  #DDDCEF

  #F6EEED

  #ACCFA9
  Hyper Light Drifter Triadic Color Scheme
• #EDDBDA

  #DCEEE3

  #DAE4ED

  #D0A7A8

  #EFF5F1
  Hyper Light Drifter Split-complementary Color Scheme
• #BB7777

  #D0A7A8

  #EDDBDA

  #F6EEED

  #F6EEED
  Hyper Light Drifter Monochromatic Color Scheme

More Very Light Red tetradic palettes

• #F1CBCD

  #E5EECC

  #CCEEEE

  #DACEE8

  #F9EAEB
  Abloom Tetradic Color Scheme
• #F4EFEE

  #F1F2EE

  #EEF2F3

  #F3F1F3

  #F4EFEE
  Angelic Wings Tetradic Color Scheme
• #EEBBBB

  #CCEEBB

  #BBEEEE

  #CCBBEE

  #F9EAEB
  Angry Ghost Tetradic Color Scheme
• #FFAAAA

  #DDFFAA

  #AAFFFF

  #CCAAFF

  #FFE6E4
  Apricot Haze Tetradic Color Scheme
• #F7D5D4

  #E5F4D5

  #D7F5F6

  #E8CEF6

  #F9EAEA
  Ballet Tetradic Color Scheme
• #FCA2AD

  #DDFFAA

  #AAFFEE

  #C9A0FF

  #FDE6E7
  Ballet Slippers Tetradic Color Scheme
• #EDC3C5

  #DAECC5

  #C3ECE9

  #D5C7E8

  #F9EAEB
  Berry Good Tetradic Color Scheme
• #F8D7D0

  #DDFFCC

  #D1F0F6

  #E8CEF6

  #FCEBEB
  Bloodthirsty Beige Tetradic Color Scheme
• #F6DEE0

  #EBF5DE

  #DFFBF3

  #E6DEF0

  #F9EAEB
  Blowing Kisses Tetradic Color Scheme
• #EABCC0

  #DEEABD

  #BDE9E5

  #CCBBEE

  #F8EAED
  Blush Kiss Tetradic Color Scheme
• #F0BCBE

  #DDEEBB

  #BBEEEE

  #CCBBEE

  #F9EAEB
  Blush Rush Tetradic Color Scheme
• #F0DEDC

  #E3EFDD

  #DDEEEE

  #E6DEF0

  #F6EEED
  Butterfly Kisses Tetradic Color Scheme