Thunder & Lightning Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #f9f5db; /* Thunder & Lightning */
  --color-2: #dffbf3; /* Mint Condition */
  --color-3: #f4daf1; /* Grape Taffy */
  --color-4: #fbf9e8; /* Elderflower */
  --color-5: #99eeee; /* Freezy Breezy */
}

Other schemes from Thunder & Lightning

• #F9F5DB

  #FBF9E8

  #DBDBF7

  #9BA0EF

  #E7EFFB
  Thunder & Lightning Complementary Color Scheme
• #FADADD

  #F9E6DA

  #F9F5DB

  #EDFAD9

  #DBF4D8
  Thunder & Lightning Analogous Color Scheme
• #F9F5DB

  #DBECFB

  #EEDDFF

  #EFE499

  #E8F5FC
  Thunder & Lightning Split-complementary Color Scheme
• #F9F5DB

  #DDF5E7

  #DBDBF7

  #F9D7EE

  #FBF9E8
  Thunder & Lightning Tetradic Color Scheme
• #E6D058

  #EFE499

  #F9F5DB

  #FBF9E8

  #FBF9E8
  Thunder & Lightning Monochromatic Color Scheme

More Very Light Yellow triadic palettes

• #F4F2E2

  #E1F2F0

  #F2E4F5

  #F9F7EC

  #A9DEDA
  Au Clair de la Lune Triadic Color Scheme
• #FAF3A6

  #A1F4F5

  #F1A7FE

  #FFFBE8

  #56F7F3
  Banan-Appeal Triadic Color Scheme
• #FFF49C

  #99FFEE

  #EE99FF

  #FFFCE4

  #55FFEE
  Banana Cream Triadic Color Scheme
• #FFF7AD

  #ACFFFC

  #F8B3FF

  #FFFEE5

  #65FFFF
  Banana Milk Triadic Color Scheme
• #F7EEC8

  #CFF7EF

  #EDC8FF

  #FBF9E8

  #87E0CF
  Banana Split Triadic Color Scheme
• #F1EEE2

  #E1F0ED

  #EFE2F2

  #F7F5ED

  #ADD9D1
  Blanc Cassé Triadic Color Scheme
• #EBEAE5

  #E1EEEC

  #EDE2EE

  #F6F4EF

  #AED0C9
  Blanco Triadic Color Scheme
• #FBE8A8

  #AAFFEE

  #EEAAFF

  #FFF9E7

  #55FFCC
  Bleached Sunflower Triadic Color Scheme
• #FAF0BE

  #BBFFEE

  #F4BFFF

  #FFF9E7

  #6FEBE3
  Blond Triadic Color Scheme
• #FFFBAB

  #ACFFFC

  #FFAAFF

  #FFFEE5

  #56FFFF
  Bollywood Gold Triadic Color Scheme
• #FAF1C8

  #C3FBF4

  #EDC8FF

  #FBF9E8

  #88FFDD
  Bullet Hell Triadic Color Scheme
• #F5E5AB

  #ABF5ED

  #E9AEF2

  #FBF9E8

  #6FE7DB
  Butter Honey Triadic Color Scheme