Basil Smash Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #b7e1a1; /* Basil Smash */
  --color-2: #edf5e7; /* Verde Pastel */
  --color-3: #ddaaee; /* Petal Plush */
  --color-4: #ad66d2; /* Teldrassil Purple */
  --color-5: #f3e9f7; /* Perfume Haze */
}

Other schemes from Basil Smash

• #E3C9A1

  #D9E6A6

  #B7E1A1

  #A4E3B3

  #A8E3CC
  Basil Smash Analogous Color Scheme
• #B7E1A1

  #A3BAE3

  #E3A1B8

  #F1F9EC

  #6688CC
  Basil Smash Triadic Color Scheme
• #B7E1A1

  #ACACE6

  #E1A0CF

  #8DCE65

  #DBDBF7
  Basil Smash Split-complementary Color Scheme
• #B7E1A1

  #A1D8E0

  #DDAAEE

  #E3A9A2

  #F1F9EC
  Basil Smash Tetradic Color Scheme
• #66B032

  #8DCE65

  #B7E1A1

  #E2F7D9

  #F1F9EC
  Basil Smash Monochromatic Color Scheme

More Light Green complementary palettes

• #88FFCC

  #E6FDF1

  #FF88BB

  #FD3F92

  #FFE5EF
  A State of Mint Complementary Color Scheme
• #B3E2D3

  #ECF7F7

  #E4B6C4

  #CB7D96

  #F7EFEF
  Bay Complementary Color Scheme
• #ACDDAF

  #EBF8EF

  #DDAADD

  #C772C0

  #F8EEF4
  Big Spender Complementary Color Scheme
• #BCCAB3

  #EBF1E9

  #C5AECF

  #9D7BB0

  #F3F1F3
  Bok Choy Complementary Color Scheme
• #9AD28C

  #D7ECCD

  #C687D6

  #A152BD

  #E7D6ED
  Botanist Complementary Color Scheme
• #87D7BE

  #CEEFE4

  #DD84A3

  #CA4F70

  #F0D6DD
  Cabbage Complementary Color Scheme
• #B4C2A2

  #E3E8D9

  #AF9FCA

  #8A6FA9

  #E3DFEA
  Camping Grounds Complementary Color Scheme
• #ACE1AF

  #EBF8EF

  #E6A8D7

  #CC77CC

  #FCEBFA
  Celadon Complementary Color Scheme
• #7EBEA5

  #BCDCCD

  #BD7D94

  #9F556C

  #E2C3CF
  Celadon Porcelain Complementary Color Scheme
• #C1FD95

  #F1FDE9

  #CC99FF

  #AA55FF

  #F8EBFC
  Celery Mousse Complementary Color Scheme
• #9DB4A0

  #C9E2CF

  #BF90BB

  #A46A95

  #E4D4E2
  Copper Patina Complementary Color Scheme
• #D8F19C

  #F6FCEB

  #B195E4

  #8756E4

  #F0EBFC
  Creamy Avocado Complementary Color Scheme