Rouge Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #8f1cae; /* Minesweeper’s Purple */
  --color-2: #aa1188; /* Blissful Berry */
  --color-3: #ab1239; /* Rouge */
  --color-4: #aa3311; /* Shakshuka */
  --color-5: #ab8508; /* Chestnut Gold */
}

Other schemes from Rouge

• #AB1239

  #EE3355

  #1AB385

  #0D6349

  #2EE8BB
  Rouge Complementary Color Scheme
• #AB1239

  #33AA00

  #1034A6

  #ED3D66

  #226600
  Rouge Triadic Color Scheme
• #AB1239

  #00AA33

  #0B83B5

  #661020

  #2DFE54
  Rouge Split-complementary Color Scheme
• #AB1239

  #88AA11

  #1AB385

  #3311AA

  #ED3D66
  Rouge Tetradic Color Scheme
• #220011

  #661020

  #AB1239

  #EE2255

  #EE6688
  Rouge Monochromatic Color Scheme

More Dark Pink analogous palettes

• #330099

  #720B98

  #990066

  #960018

  #993300
  8 Bit Eggplant Analogous Color Scheme
• #551199

  #991199

  #980B4A

  #991111

  #995511
  Aristocratic Velvet Analogous Color Scheme
• #5500BB

  #BB00BB

  #BB0066

  #B9030A

  #BB5500
  Aztec Warrior Analogous Color Scheme
• #391285

  #661188

  #871466

  #84172C

  #883311
  Bane of Royalty Analogous Color Scheme
• #5A226F

  #772277

  #7E203F

  #772F21

  #715B2E
  Beet Red Analogous Color Scheme
• #551199

  #991199

  #990F4B

  #911911

  #995915
  Berry Analogous Color Scheme
• #6611AA

  #BB0099

  #B0003C

  #B21B00

  #B17304
  Bindi Red Analogous Color Scheme
• #49017E

  #7D0061

  #7B002C

  #771100

  #7F4C00
  Bordeaux Analogous Color Scheme
• #5500BB

  #AA00BB

  #B70272

  #BE0119

  #B64701
  Botticelli Analogous Color Scheme
• #4F467E

  #68447C

  #7E4071

  #7E4258

  #784D40
  Bruise Analogous Color Scheme
• #332244

  #40243D

  #44232F

  #432722

  #443724
  Castro Analogous Color Scheme
• #660099

  #990088

  #9E003A

  #991100

  #9A6200
  Cranberry Analogous Color Scheme