Granola Monochromatic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #e08a1e; /* Sumac Dyed */
  --color-2: #ecae58; /* Shiny Trumpet */
  --color-3: #f5ce9f; /* Granola */
  --color-4: #fcf0e5; /* Backlight */
  --color-5: #fff4e8; /* What’s Left */
}

Other schemes from Granola

• #F5CE9F

  #FFF4E8

  #99C3F0

  #5B92E5

  #E7EFFB
  Granola Complementary Color Scheme
• #F49AC2

  #F8A39D

  #F5CE9F

  #EFF19D

  #CCEE99
  Granola Analogous Color Scheme
• #F5CE9F

  #96FBC4

  #CA9BF7

  #FFF4E8

  #56FCA2
  Granola Triadic Color Scheme
• #F5CE9F

  #98EFF9

  #A899E6

  #ECAE58

  #E7FAFA
  Granola Split-complementary Color Scheme
• #F5CE9F

  #99EEAA

  #99C3F0

  #EE99EE

  #FFF4E8
  Granola Tetradic Color Scheme

More Light Orange monochromatic palettes

• #AA8031

  #CFAC47

  #DFC685

  #F0E2C4

  #FAF6EA
  24 Karat Monochromatic Color Scheme
• #715A45

  #A9855D

  #C0A98E

  #DACEBE

  #F6F4EF
  3AM Latte Monochromatic Color Scheme
• #AC8A41

  #C6AD6F

  #DDCDA6

  #F2ECDE

  #F7F5ED
  Ancestral Gold Monochromatic Color Scheme
• #BE8400

  #FEB308

  #FFCC55

  #FFE1A3

  #FFF8E4
  Angry Pasta Monochromatic Color Scheme
• #BB993A

  #D1B871

  #E5D5AE

  #F9F2E7

  #F7F5EC
  Anise Biscotti Monochromatic Color Scheme
• #82714D

  #AB9975

  #C7BBA4

  #E4DED2

  #F6F4EF
  Another One Bites the Dust Monochromatic Color Scheme
• #DA6304

  #FF8822

  #FFB16D

  #FFDAB9

  #FFF2E4
  Apricot Monochromatic Color Scheme
• #975437

  #C57556

  #D8A48F

  #EDD1C7

  #F8F1EB
  Apricotta Monochromatic Color Scheme
• #995511

  #DD8811

  #F2AB46

  #F5C78E

  #FCECD5
  Artisans Gold Monochromatic Color Scheme
• #726854

  #9C8E74

  #BBB3A2

  #DBD7CE

  #F4F4F0
  Ashes to Ashes Monochromatic Color Scheme
• #CC4400

  #FF6316

  #FF9966

  #FFCCB6

  #FFECE5
  Atomic Tangerine Monochromatic Color Scheme
• #8A7054

  #B09879

  #CCBCA9

  #E9E1D9

  #F6F4EF
  Attic Linen Monochromatic Color Scheme