Oh Boy! Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #bbdaf8; /* Oh Boy! */
  --color-2: #f8bdd9; /* Flamingo Feather */
  --color-3: #cffdbc; /* Breeze of Green */
  --color-4: #eaf4fc; /* Moon White */
  --color-5: #f771b3; /* Pop That Gum */
}

Other schemes from Oh Boy!

• #BBDAF8

  #EAF4FC

  #F5D8BB

  #EEB377

  #FFF1E8
  Oh Boy! Complementary Color Scheme
• #B8F8D8

  #BDF6FE

  #BBDAF8

  #B8B8F8

  #D8B8F8
  Oh Boy! Analogous Color Scheme
• #BBDAF8

  #F6BFBC

  #FCF9BD

  #7CB9E8

  #FDE6E7
  Oh Boy! Split-complementary Color Scheme
• #BBDAF8

  #F8B8F8

  #F5D8BB

  #B8F8B8

  #EAF4FC
  Oh Boy! Tetradic Color Scheme
• #318CE7

  #7CB9E8

  #BBDAF8

  #EAF4FC

  #EAF4FC
  Oh Boy! 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