Floaty Bubble Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #f4f2e7; /* Magnolia Spring */
  --color-2: #f2f4e8; /* Calcium */
  --color-3: #eaf5e7; /* Floaty Bubble */
  --color-4: #e8f2eb; /* Astronomer */
  --color-5: #ebf5f0; /* Shiroi White */
}

Other schemes from Floaty Bubble

• #EAF5E7

  #F1F8EC

  #F0E5F5

  #D4AFDA

  #F8EEF4
  Floaty Bubble Complementary Color Scheme
• #EAF5E7

  #E9EDF6

  #F5E6EA

  #F1F8EC

  #B2BADB
  Floaty Bubble Triadic Color Scheme
• #EAF5E7

  #ECE7F2

  #F4EAF0

  #BDDFB2

  #EBECF5
  Floaty Bubble Split-complementary Color Scheme
• #EAF5E7

  #E7F0F7

  #F0E5F5

  #F5ECE7

  #F1F8EC
  Floaty Bubble Tetradic Color Scheme
• #8AC479

  #BDDFB2

  #EAF5E7

  #F1F8EC

  #F1F8EC
  Floaty Bubble Monochromatic Color Scheme

More Very Light Green analogous palettes

• #E0C9C4

  #E0D8C5

  #DBE0C4

  #CCE1C7

  #C1E0C8
  Airy Fields Analogous Color Scheme
• #E1D8BB

  #D7E2BC

  #C6E1BC

  #BDE1C4

  #BDE1D8
  Ambrosia Analogous Color Scheme
• #F9ECEA

  #FCF5EB

  #F8FBEB

  #F1FAEA

  #EBFCEC
  Amnesiac White Analogous Color Scheme
• #CCFFC2

  #C1FDC9

  #C0FFEE

  #C7F1FF

  #CCD5FF
  Arabica Mint Analogous Color Scheme
• #EEF3E5

  #E7F1E6

  #E6F2EA

  #E6F1F1

  #E5EDF1
  Bath Bubbles Analogous Color Scheme
• #EEDED8

  #EEE8D9

  #EAEEDA

  #E1ECD9

  #DDEEDD
  Bethlehem Superstar Analogous Color Scheme
• #EDDBD7

  #EDE7D7

  #EAEED8

  #DFEDDA

  #D6EEDD
  Blissful Serenity Analogous Color Scheme
• #E6D6CD

  #E9E3CB

  #DCE7CB

  #CFE7CB

  #C9EAD4
  Breath of Celery Analogous Color Scheme
• #E9FFDB

  #DFFAE1

  #D8FFF3

  #DEF7FE

  #D4EAFF
  Candied Snow Analogous Color Scheme
• #D8F1CB

  #C9F0D1

  #CAF0E5

  #CBEAEE

  #CBD7ED
  Caribbean Analogous Color Scheme
• #E4E8DA

  #DFEADB

  #DBE9DF

  #D9E9E5

  #DAE6E9
  Clair de Lune Analogous Color Scheme
• #EFE6E1

  #EFECE3

  #ECEFE3

  #E8F0E2

  #E4EFE5
  Creamy Garlic Analogous Color Scheme