Droplet Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #aaddff; /* Droplet */
  --color-2: #ffaadd; /* Fresh Gum */
  --color-3: #ddffaa; /* Lime Mist */
  --color-4: #e8f5fc; /* Kodama White */
  --color-5: #ff55aa; /* Pink Katydid */
}

Other schemes from Droplet

• #AADDFF

  #E8F5FC

  #FFCCAA

  #FA9D5A

  #FFF0E3
  Droplet Complementary Color Scheme
• #AAFFCC

  #ACFFFC

  #AADDFF

  #B5AFFF

  #CCAAFF
  Droplet Analogous Color Scheme
• #AADDFF

  #FFAABB

  #FFF7AD

  #55BBFF

  #FFE6E7
  Droplet Split-complementary Color Scheme
• #AADDFF

  #F1A7FE

  #FFCCAA

  #B2FBA5

  #E8F5FC
  Droplet Tetradic Color Scheme
• #00AAFF

  #55BBFF

  #AADDFF

  #E8F5FC

  #E8F5FC
  Droplet Monochromatic Color Scheme

More very light blue triadic color schemes

• #D3DDE4

  #E5D2DD

  #DBE5D2

  #EEF2F3

  #C8A3B8
  A Dime a Dozen Triadic Color Scheme
• #ABCDEE

  #EEAACC

  #D5EBAC

  #EAF4FC

  #E86EAD
  Andromeda Blue Triadic Color Scheme
• #CED5E4

  #E2CDD5

  #D5E3D0

  #EDF2F8

  #C59DAA
  Après-Ski Triadic Color Scheme
• #AED7EA

  #E6AED3

  #D5EBAC

  #EBF4FC

  #DD66BB
  Ariel Triadic Color Scheme
• #A2CFFE

  #FFA6C9

  #C1F9A2

  #E8F5FC

  #FF55AA
  Baby Blue Triadic Color Scheme
• #CDDFE7

  #E6CCDD

  #DFE6CF

  #F0F4F8

  #CC99BB
  Bird Bath Blue Triadic Color Scheme
• #D0DCE8

  #E7D1DD

  #DBE8CF

  #EDF2F8

  #CE9FB4
  Blue Silk Triadic Color Scheme
• #B8E4F5

  #F1BFE2

  #E3EFB2

  #E8F7FD

  #E56CC0
  Breaking the Ice Triadic Color Scheme
• #C7DBE4

  #E5C8D9

  #DBE2C9

  #F0F4F8

  #CC94BE
  Breath of Fresh Air Triadic Color Scheme
• #AEC9EA

  #E9ADCA

  #CEEBB2

  #ECF3F9

  #DE70A1
  Breeze Triadic Color Scheme
• #C2DDE6

  #E7C2DE

  #DEE3C0

  #EBF6F7

  #D492BD
  Breezy Triadic Color Scheme
• #DDE2E6

  #E7DBE1

  #E1E9DB

  #EEF2F3

  #CAA7BB
  Bright Star Triadic Color Scheme