Concrete Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #dec3c9; /* Bunny Pink */
  --color-2: #dbccc3; /* Pastel Parchment */
  --color-3: #d2d1cd; /* Concrete */
  --color-4: #d3d9c5; /* Light Feather Green */
  --color-5: #c9dbc7; /* Mystified */
}

Other schemes from Concrete

• #D2D1CD

  #F6F4EF

  #C2C7DB

  #979FBF

  #EEF2F3
  Concrete Complementary Color Scheme
• #D2D1CD

  #C6DBD6

  #DAC4DC

  #F6F4EF

  #96BFB7
  Concrete Triadic Color Scheme
• #D2D1CD

  #C4D3DC

  #CBC5D9

  #BEB394

  #F1F3F3
  Concrete Split-complementary Color Scheme
• #D2D1CD

  #C4DBCB

  #C2C7DB

  #DDC4D4

  #F6F4EF
  Concrete Tetradic Color Scheme
• #8A877B

  #AEABA5

  #D2D1CD

  #F3F3F2

  #F3F3F2
  Concrete Monochromatic Color Scheme

More Very Light Gray analogous palettes

• #E2C9CE

  #E0D5CA

  #DADAD1

  #D7E3CA

  #CCE2CA
  Alaska Analogous Color Scheme
• #EBDBDD

  #EAE3DB

  #E5E5E1

  #E3EADB

  #DEEADC
  Apollo Landing Analogous Color Scheme
• #D6E7E3

  #D7E0E7

  #DADBE1

  #DBD5E6

  #E3D7E5
  Big Fish to Fry Analogous Color Scheme
• #DDC5D2

  #DAC7C4

  #D2D1D0

  #DEDCC6

  #CFDDC7
  Blowing Smoke Analogous Color Scheme
• #D9D9EA

  #E3DAE9

  #E1DFE1

  #E5D8E1

  #E8D8DA
  Chrome Analogous Color Scheme
• #E8D5DD

  #E5D7D4

  #E1DED9

  #E3E6D6

  #DDE6D7
  Closet Skeletons Analogous Color Scheme
• #EDE6ED

  #F0E5E5

  #EBE8E7

  #EEEBE4

  #EDEDE4
  Coconut Agony Analogous Color Scheme
• #CCC1DA

  #D6C1DD

  #D0CBCE

  #DCC0C3

  #DACAC0
  Columbo’s Coat Analogous Color Scheme
• #DCCAD8

  #DEC7CF

  #D5D2D1

  #DFD8C8

  #D8DDCA
  Day on Mercury Analogous Color Scheme
• #CED9E1

  #CCCFE2

  #D8D7D9

  #E7CEE3

  #E4CFD7
  Desired Dawn Analogous Color Scheme
• #EADEE8

  #EADDE1

  #E5E2E1

  #EAE6DC

  #E9EADB
  Diamonds in the Sky Analogous Color Scheme
• #DECADE

  #DFC9D1

  #D4D4D4

  #DFD5CA

  #DEDFC9
  Disco Ball Analogous Color Scheme