Purple Illusion Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #b8b8f8; /* Purple Illusion */
  --color-2: #e6e8fa; /* Glitter */
  --color-3: #fcf9bd; /* Cashew Cheese */
  --color-4: #f5f171; /* Dolly */
  --color-5: #fefee7; /* Wedding Dress */
}

Other schemes from Purple Illusion

• #B2F8F8

  #BBDAF8

  #B8B8F8

  #D8B8F8

  #F8B8F8
  Purple Illusion Analogous Color Scheme
• #B8B8F8

  #F7B6BA

  #B8F8B8

  #E6E8FA

  #F4706E
  Purple Illusion Triadic Color Scheme
• #B8B8F8

  #F7D6BA

  #CFFDBC

  #7777EE

  #FFF1E8
  Purple Illusion Split-complementary Color Scheme
• #B8B8F8

  #F5B9D8

  #FCF9BD

  #B8F8D8

  #E6E8FA
  Purple Illusion Tetradic Color Scheme
• #273BE2

  #7777EE

  #B8B8F8

  #E6E8FA

  #E6E8FA
  Purple Illusion Monochromatic Color Scheme

More Very Light Blue complementary palettes

• #D3DDE4

  #EEF2F3

  #E4DAD3

  #CAB3A0

  #F6F2F1
  A Dime a Dozen Complementary Color Scheme
• #ABCDEE

  #EAF4FC

  #EECCAA

  #E5AA70

  #F8F1EB
  Andromeda Blue Complementary Color Scheme
• #CED5E4

  #EDF2F8

  #E4DDCE

  #C6BB9C

  #F6F4EF
  Après-Ski Complementary Color Scheme
• #AED7EA

  #EBF4FC

  #E9C2AD

  #DD9475

  #F8F1EB
  Ariel Complementary Color Scheme
• #A2CFFE

  #E8F5FC

  #FDD1A4

  #FFAA55

  #FFF2E4
  Baby Blue Complementary Color Scheme
• #CDDFE7

  #F0F4F8

  #E6D6CD

  #CCAA99

  #F7EFEF
  Bird Bath Blue Complementary Color Scheme
• #D0DCE8

  #EDF2F8

  #E7DCCF

  #CEB79D

  #F8F4ED
  Blue Silk Complementary Color Scheme
• #B8E4F5

  #E8F7FD

  #F5C8BB

  #EE9977

  #FBEEE8
  Breaking the Ice Complementary Color Scheme
• #C7DBE4

  #F0F4F8

  #E3D1C8

  #CBA792

  #F7EFEF
  Breath of Fresh Air Complementary Color Scheme
• #AEC9EA

  #ECF3F9

  #EBCFAE

  #D9A96F

  #F8F4ED
  Breeze Complementary Color Scheme
• #C2DDE6

  #EBF6F7

  #E7CAC3

  #D29B8D

  #F8F1EB
  Breezy Complementary Color Scheme
• #DDE2E6

  #EEF2F3

  #E9E1D9

  #CBB9AB

  #F6F2F1
  Bright Star Complementary Color Scheme