Porcelain Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #e6d2dc; /* Pink Frappé */
  --color-2: #e2d4d4; /* Theatre Powder Rose */
  --color-3: #dddcdb; /* Porcelain */
  --color-4: #e6e5d3; /* Sand Puffs */
  --color-5: #dbe5d2; /* Frostee */
}

Other schemes from Porcelain

• #DDDCDB

  #F6F2F1

  #D3DDE4

  #A6B7C8

  #EEF2F3
  Porcelain Complementary Color Scheme
• #DDDCDB

  #D3E5DB

  #DED3E6

  #F6F2F1

  #A1CCB1
  Porcelain Triadic Color Scheme
• #DDDCDB

  #D4E4E5

  #D3D4E5

  #C9B6A1

  #F0F4F2
  Porcelain Split-complementary Color Scheme
• #DDDCDB

  #D2E6D3

  #D3DDE4

  #E4D4E2

  #F6F2F1
  Porcelain Tetradic Color Scheme
• #95918C

  #B7B7B4

  #DDDCDB

  #F3F3F2

  #F3F3F2
  Porcelain 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
• #DEC3C9

  #DBCCC3

  #D2D1CD

  #D3D9C5

  #C9DBC7
  Concrete 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