Huebook

Buttercream Tetradic Color Scheme

Five colors arranged by the tetradic rule around Buttercream (#EFE0CD), each snapped to its nearest named color.

#EFE0CD
#CEF0CC
#CCDDEE
#EECCEE
#F8F4ED

Color names and codes

NameHEXRGBHSLCMYK
Buttercream#EFE0CD239, 224, 20534°, 52%, 87%0, 6, 14, 6
Pastel Mint#CEF0CC206, 240, 204117°, 55%, 87%14, 0, 15, 6
Tuğçe Silver#CCDDEE204, 221, 238210°, 50%, 87%14, 7, 0, 7
Bubblegum Crisis#EECCEE238, 204, 238300°, 50%, 87%0, 14, 0, 7
Crystal Cut#F8F4ED248, 244, 23738°, 44%, 95%0, 2, 4, 3

Which pairs work for text

Text on backgroundContrastWCAG
Aa #EECCEE on #F8F4ED1.32:1—
Aa #CCDDEE on #F8F4ED1.26:1—
Aa #EFE0CD on #F8F4ED1.18:1—
Aa #CEF0CC on #EECCEE1.17:1—
Aa #CEF0CC on #F8F4ED1.13:1—
Aa #CEF0CC on #CCDDEE1.12:1—

CSS variables

:root {
  --color-1: #efe0cd; /* Buttercream */
  --color-2: #cef0cc; /* Pastel Mint */
  --color-3: #ccddee; /* Tuğçe Silver */
  --color-4: #eeccee; /* Bubblegum Crisis */
  --color-5: #f8f4ed; /* Crystal Cut */
}

Other schemes from Buttercream

More Very Light Orange tetradic palettes

Questions

What colors go with Buttercream?

In a tetradic scheme: Pastel Mint (#CEF0CC), Tuğçe Silver (#CCDDEE), Bubblegum Crisis (#EECCEE), Crystal Cut (#F8F4ED).

What is the hex code of Buttercream?

#EFE0CD.