Huebook

Coconut Macaroon Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Coconut Macaroon (#DACAC0), each snapped to its nearest named color.

#DACAC0
#C1D8D9
#C0C3D7
#BBA28E
#ECF7F7

Color names and codes

NameHEXRGBHSLCMYK
Coconut Macaroon#DACAC0218, 202, 19223°, 26%, 80%0, 7, 12, 15
Haint Blue#C1D8D9193, 216, 217183°, 24%, 80%11, 0, 0, 15
Lavender Escape#C0C3D7192, 195, 215232°, 22%, 80%11, 9, 0, 16
Mocha Foam#BBA28E187, 162, 14227°, 25%, 65%0, 13, 24, 27
Aijiro White#ECF7F7236, 247, 247180°, 41%, 95%4, 0, 0, 3

Which pairs work for text

Text on backgroundContrastWCAG
Aa #BBA28E on #ECF7F72.22:1—
Aa #C1D8D9 on #BBA28E1.63:1—
Aa #C0C3D7 on #ECF7F71.60:1—
Aa #DACAC0 on #BBA28E1.52:1—
Aa #DACAC0 on #ECF7F71.46:1—
Aa #C0C3D7 on #BBA28E1.39:1—

CSS variables

:root {
  --color-1: #dacac0; /* Coconut Macaroon */
  --color-2: #c1d8d9; /* Haint Blue */
  --color-3: #c0c3d7; /* Lavender Escape */
  --color-4: #bba28e; /* Mocha Foam */
  --color-5: #ecf7f7; /* Aijiro White */
}

Other schemes from Coconut Macaroon

More Very Light Orange split-complementary palettes

Questions

What colors go with Coconut Macaroon?

In a split-complementary scheme: Haint Blue (#C1D8D9), Lavender Escape (#C0C3D7), Mocha Foam (#BBA28E), Aijiro White (#ECF7F7).

What is the hex code of Coconut Macaroon?

#DACAC0.