Huebook

Buttercream Triadic Color Scheme

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

#EFE0CD
#CFEEE1
#E7CFE8
#F8F4ED
#95DABD

Color names and codes

NameHEXRGBHSLCMYK
Buttercream#EFE0CD239, 224, 20534°, 52%, 87%0, 6, 14, 6
Jewel White#CFEEE1207, 238, 225155°, 48%, 87%13, 0, 5, 7
Little Touch#E7CFE8231, 207, 232298°, 35%, 86%0, 11, 0, 9
Crystal Cut#F8F4ED248, 244, 23738°, 44%, 95%0, 2, 4, 3
Green Jewel#95DABD149, 218, 189155°, 48%, 72%32, 0, 13, 15

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F8F4ED on #95DABD1.47:1—
Aa #E7CFE8 on #F8F4ED1.32:1—
Aa #CFEEE1 on #95DABD1.30:1—
Aa #EFE0CD on #95DABD1.24:1—
Aa #EFE0CD on #F8F4ED1.18:1—
Aa #CFEEE1 on #E7CFE81.17:1—

CSS variables

:root {
  --color-1: #efe0cd; /* Buttercream */
  --color-2: #cfeee1; /* Jewel White */
  --color-3: #e7cfe8; /* Little Touch */
  --color-4: #f8f4ed; /* Crystal Cut */
  --color-5: #95dabd; /* Green Jewel */
}

Other schemes from Buttercream

More Very Light Orange triadic palettes

Questions

What colors go with Buttercream?

In a triadic scheme: Jewel White (#CFEEE1), Little Touch (#E7CFE8), Crystal Cut (#F8F4ED), Green Jewel (#95DABD).

What is the hex code of Buttercream?

#EFE0CD.