Dream Vapour Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #93bde7; /* Blue Shutters */
  --color-2: #a899e6; /* Dull Lavender */
  --color-3: #cc99ee; /* Dream Vapour */
  --color-4: #ee99ee; /* Diva Mecha */
  --color-5: #f19cbb; /* Amaranth Pink */
}

Other schemes from Dream Vapour

• #CC99EE

  #F3E9F7

  #BBEE99

  #80E45F

  #F1FAEA
  Dream Vapour Complementary Color Scheme
• #CC99EE

  #EECC99

  #9BEEC1

  #F3E9F7

  #E3AB57
  Dream Vapour Triadic Color Scheme
• #CC99EE

  #E5E999

  #99EEAA

  #A552E6

  #F8F6DA
  Dream Vapour Split-complementary Color Scheme
• #CC99EE

  #EFA498

  #BBEE99

  #99EEEE

  #F3E9F7
  Dream Vapour Tetradic Color Scheme
• #8822CC

  #A552E6

  #CC99EE

  #EEDDFF

  #F3E9F7
  Dream Vapour Monochromatic Color Scheme

More Light Purple analogous palettes

• #6699CC

  #6F6ED1

  #9966CC

  #C364C5

  #CC6699
  Amethyst Analogous Color Scheme
• #5577EE

  #8756E4

  #CC55EE

  #EE55CC

  #EE5577
  Bubblegum Baby Girl Analogous Color Scheme
• #95CCE4

  #9BA0EF

  #B195E4

  #D891EF

  #E399CA
  Dreamy Candy Forest Analogous Color Scheme
• #A1BED9

  #A6A1D7

  #BFA3D9

  #D3A5D6

  #DFA3BA
  Enchanted Lavender Analogous Color Scheme
• #96AEC5

  #9994C0

  #A893C1

  #BF8FC4

  #C58EAB
  Enchanted Lilac Analogous Color Scheme
• #6495ED

  #9878F8

  #CC77EE

  #FF6EC7

  #EE7799
  Fake Love Analogous Color Scheme
• #4E7FFF

  #8855FF

  #DD55FF

  #FF55CC

  #FF5470
  Flaming Flamingo Analogous Color Scheme
• #3366FF

  #6A2DED

  #CC33FF

  #FF33CC

  #FF3366
  Flamingo Queen Analogous Color Scheme
• #8CA8C6

  #9895C5

  #B090C7

  #CA93C1

  #C58EAB
  Fleur-De-Lis Analogous Color Scheme
• #B8C8D3

  #BAB8D3

  #C4BAD2

  #D5B6D4

  #D3B8C5
  Fog Syringa Analogous Color Scheme
• #77AAFF

  #8273FD

  #BF77F6

  #FF77EE

  #FC7AB0
  Illicit Purple Analogous Color Scheme
• #6495DA

  #6F6ED1

  #B56EDC

  #DA70D6

  #DB7093
  Lavender Analogous Color Scheme