Ariel Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #aed7ea; /* Ariel */
  --color-2: #e6aed3; /* Flower Power */
  --color-3: #d5ebac; /* Faith */
  --color-4: #ebf4fc; /* Placebo Blue */
  --color-5: #dd66bb; /* Pink Charge */
}

Other schemes from Ariel

• #AED7EA

  #EBF4FC

  #E9C2AD

  #DD9475

  #F8F1EB
  Ariel Complementary Color Scheme
• #B3E8C2

  #ADE6DB

  #AED7EA

  #ACB9E8

  #C2B2F0
  Ariel Analogous Color Scheme
• #AED7EA

  #EAABBC

  #ECDFAD

  #74B8DA

  #F8EAED
  Ariel Split-complementary Color Scheme
• #AED7EA

  #DDAAEE

  #E9C2AD

  #BAEBAE

  #EBF4FC
  Ariel Tetradic Color Scheme
• #3799C8

  #74B8DA

  #AED7EA

  #EBF4FC

  #EBF4FC
  Ariel Monochromatic Color Scheme

More Very Light Blue triadic palettes

• #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
• #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
• #BBDDFF

  #FFBBDD

  #D1FFBD

  #E8F5FC

  #FF6CB5
  Broad Daylight Triadic Color Scheme