Cloudless Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #d6eafc; /* Cloudless */
  --color-2: #fed5e9; /* Pink Currant */
  --color-3: #edfad9; /* Pastoral */
  --color-4: #e8f5fc; /* Kodama White */
  --color-5: #f887c7; /* Bubblegum Beam */
}

Other schemes from Cloudless

• #D6EAFC

  #E8F5FC

  #FCE9D6

  #F3C090

  #FFF1E8
  Cloudless Complementary Color Scheme
• #D0F7E4

  #D6FFFA

  #D6EAFC

  #CFDAFB

  #EECFFE
  Cloudless Analogous Color Scheme
• #D6EAFC

  #FDD7D8

  #FFFBD7

  #92CBF1

  #FDE6E7
  Cloudless Split-complementary Color Scheme
• #D6EAFC

  #FED0FC

  #FCE9D6

  #DDFFDD

  #E8F5FC
  Cloudless Tetradic Color Scheme
• #49A0E7

  #92CBF1

  #D6EAFC

  #E8F5FC

  #E8F5FC
  Cloudless 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
• #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