Tutu Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #f8e4e3; /* Tutu */
  --color-2: #ebf7e4; /* Panache */
  --color-3: #e0f6fb; /* Coastal Breeze */
  --color-4: #f0e5f5; /* Holographic Lavender */
  --color-5: #f9eaeb; /* Arrowhead White */
}

Other schemes from Tutu

• #F8E4E3

  #F9EAEB

  #E0F6FB

  #A3E3ED

  #EEF7FA
  Tutu Complementary Color Scheme
• #F6E5F6

  #F6E2EC

  #F8E4E3

  #F8EEE3

  #F8F6E3
  Tutu Analogous Color Scheme
• #F8E4E3

  #E4F7E7

  #E5E5FA

  #F9EAEB

  #AAEEAA
  Tutu Triadic Color Scheme
• #F8E4E3

  #E2F7F1

  #E0EBFA

  #EAAAA2

  #E9F9F5
  Tutu Split-complementary Color Scheme
• #DC6B67

  #EAAAA2

  #F8E4E3

  #F9EAEB

  #F9EAEB
  Tutu 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