Seafoam Whisper Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #9fc09c; /* Spruce Stone */
  --color-2: #9bc2b4; /* Stanley */
  --color-3: #a1bdbf; /* Seafoam Whisper */
  --color-4: #9cadc7; /* Satin Soft Blue */
  --color-5: #9d9ac4; /* Majestic Violet */
}

Other schemes from Seafoam Whisper

• #A1BDBF

  #D6E6E6

  #C79D9B

  #A97069

  #EBDEDB
  Seafoam Whisper Complementary Color Scheme
• #A1BDBF

  #C09DC8

  #C9C79A

  #DCE9EA

  #A66DA1
  Seafoam Whisper Triadic Color Scheme
• #A1BDBF

  #C69EAE

  #C4B39C

  #6BA5A9

  #E2CDD5
  Seafoam Whisper Split-complementary Color Scheme
• #A1BDBF

  #B598C3

  #C79D9B

  #AAC69A

  #DCE9EA
  Seafoam Whisper Tetradic Color Scheme
• #4E7376

  #719BA2

  #A1BDBF

  #D0DCDE

  #F2F3F4
  Seafoam Whisper Monochromatic Color Scheme

More Light Teal analogous palettes

• #9DE093

  #9FE2BF

  #96E2E1

  #97BEE2

  #8F8CE7
  Aqua Fiesta Analogous Color Scheme
• #99CEA0

  #9CCEBE

  #99C1CC

  #99A8C9

  #A495CB
  Aquatic Analogous Color Scheme
• #C3D6BD

  #BBD9C3

  #BFD6D1

  #BED0DA

  #BEC2DA
  Aquatic Edge Analogous Color Scheme
• #98D98E

  #8CD9A1

  #8EDACC

  #8CC1D6

  #8B98D8
  Bambino Analogous Color Scheme
• #90EE90

  #99EEBB

  #88EEEE

  #88BBEE

  #8F8CE7
  Bath Water Analogous Color Scheme
• #ABDF8F

  #99DEAD

  #96DFCE

  #8FCBDC

  #97A3DA
  Beach Glass Analogous Color Scheme
• #91CB7D

  #77CC88

  #7ACCB8

  #79B4CE

  #7F8FCA
  Bevelled Glass Analogous Color Scheme
• #AAEEAA

  #A2EBD8

  #A3E3ED

  #ACB9E8

  #ACACE6
  Blizzard Blue Analogous Color Scheme
• #74BB83

  #76BAA8

  #75AEBD

  #758CBF

  #8773BB
  Blue Eye Samurai Analogous Color Scheme
• #BCDDB3

  #B2DDC4

  #B5DCD8

  #B4CDDE

  #B2BADB
  Catch the Wave Analogous Color Scheme
• #86C994

  #8FCDB0

  #8CC6CB

  #8AA7CC

  #8D8DC9
  Cerulean Skies Analogous Color Scheme
• #ACDDAF

  #ACD7C8

  #AAD5DB

  #A8BEDD

  #B6ADD8
  Clear Water Analogous Color Scheme