Self-Love Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #9632ce; /* Dreamscape Purple */
  --color-2: #cc33cc; /* Steel Pink */
  --color-3: #d22b6d; /* Self-Love */
  --color-4: #d43728; /* Steelhead Redd */
  --color-5: #d1902e; /* Vibrant Amber */
}

Other schemes from Self-Love

• #D22B6D

  #E86EAD

  #2DD78D

  #1E9167

  #77EEBB
  Self-Love Complementary Color Scheme
• #D22B6D

  #66CC22

  #276DD6

  #E47CB8

  #549019
  Self-Love Triadic Color Scheme
• #D22B6D

  #32CD32

  #22C1D5

  #941751

  #64EB65
  Self-Love Split-complementary Color Scheme
• #D22B6D

  #C2D62E

  #2DD78D

  #243BCD

  #E47CB8
  Self-Love Tetradic Color Scheme
• #441122

  #941751

  #D22B6D

  #E96A97

  #EAACC6
  Self-Love Monochromatic Color Scheme

More Medium Pink analogous palettes

• #8806CE

  #DD14AB

  #C90B42

  #C93413

  #CB9711
  Akari Red Analogous Color Scheme
• #AA33EE

  #FF33CC

  #EE3377

  #EB5030

  #EEAA33
  Amor Analogous Color Scheme
• #2425B9

  #7722AA

  #BB22AA

  #B3205F

  #B33125
  Amora Purple Analogous Color Scheme
• #9400D4

  #DD00CC

  #DD0055

  #DD1100

  #DA8704
  Anger Analogous Color Scheme
• #4411DD

  #AD03DE

  #DD14AB

  #DD1144

  #DD4411
  Aphroditean Fuchsia Analogous Color Scheme
• #1100CC

  #6600CC

  #D208CC

  #D90166

  #D41003
  Awkward Purple Analogous Color Scheme
• #0C06F7

  #8811FF

  #FF0FF3

  #FF1177

  #FE1C06
  Barbara Analogous Color Scheme
• #AA33EE

  #EA27C2

  #EE3366

  #EB5C34

  #EEBB33
  Bat’s Blood Soup Analogous Color Scheme
• #9632CE

  #D521B8

  #D4265D

  #D1462C

  #D09B2C
  Beet Wave Analogous Color Scheme
• #9632CE

  #CC33CC

  #D33376

  #CD4035

  #D19033
  Beetroot Purple Analogous Color Scheme
• #7711DD

  #DD11DD

  #DD1188

  #DD1122

  #DD6611
  Benevolent Pink Analogous Color Scheme
• #665D9E

  #83599B

  #9D5A8F

  #9F556C

  #9E6759
  Bermuda Onion Analogous Color Scheme