Huebook

Coconut Macaroon Analogous Color Scheme

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

#DAC0CD
#DCC0C3
#DACAC0
#D8D6C0
#D1DAC0

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Twilight Light#DAC0CD218, 192, 205330°, 26%, 80%0, 12, 6, 1583.4% 0.034 346
Mud Pink#DCC0C3220, 192, 195354°, 29%, 81%0, 13, 11, 1483.2% 0.032 10
Coconut Macaroon#DACAC0218, 202, 19223°, 26%, 80%0, 7, 12, 1584.9% 0.023 54
White Moss#D8D6C0216, 214, 19255°, 24%, 80%0, 1, 11, 1587.2% 0.030 103
Zen Garden#D1DAC0209, 218, 19281°, 26%, 80%4, 0, 12, 1587.4% 0.036 123

Which pairs work for text

Text on backgroundContrastWCAG
Aa #DCC0C3 on #D1DAC01.17:1—
Aa #DAC0CD on #D1DAC01.17:1—
Aa #DCC0C3 on #D8D6C01.16:1—
Aa #DAC0CD on #D8D6C01.15:1—
Aa #DACAC0 on #D1DAC01.10:1—
Aa #DACAC0 on #D8D6C01.08:1—

CSS variables

:root {
  --color-1: #dac0cd; /* Twilight Light */
  --color-2: #dcc0c3; /* Mud Pink */
  --color-3: #dacac0; /* Coconut Macaroon */
  --color-4: #d8d6c0; /* White Moss */
  --color-5: #d1dac0; /* Zen Garden */
}

Other schemes from Coconut Macaroon

More very light orange analogous color schemes

Questions

What colors go with Coconut Macaroon?

In a analogous scheme: Twilight Light (#DAC0CD), Mud Pink (#DCC0C3), White Moss (#D8D6C0), Zen Garden (#D1DAC0).

What is the hex code of Coconut Macaroon?

#DACAC0.