#DDD4C7 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Coconut Ice color codes graphic
Coconut Ice is a desaturated, pale beige with subtle orange undertones that read almost grey in low light. Because it is highly muted, the hex code #ddd4c7 functions best as a dominant 60% base for minimal UI designs where bright whites feel too jarring. It maintains excellent readability with high-contrast black text, making it a reliable, calm choice for large blocks of content.

About Coconut Ice

Bleached linen left out in afternoon sun

What does coconut ice mean?

This pale, near-grey beige commonly suggests sun-faded fabrics, old paper, and soft, unpolished warmth. Its high lightness and low saturation feel delicate and faded, like a surface that has softened over time.

Where you see coconut ice

  • unbleached cotton
  • raw cashmere
  • oat milk
  • plaster walls
  • dried beach sand
  • white chocolate

What it works for

Use it as a warm neutral base in palettes that need calm ground beneath stronger, darker colors.

What colors go with coconut ice?

Questions about Coconut Ice

What is the hex code for Coconut Ice?
Coconut Ice is #ddd4c7. In RGB that is rgb(221, 212, 199), in HSL hsl(35, 24%, 82%) and in CMYK 0%, 4%, 10%, 13%.
How should Coconut Ice #ddd4c7 be used in interface design?
Coconut Ice #ddd4c7 functions best as a dominant background color for modern, minimal web designs where pure whites appear too sterile or jarring. Pair it with charcoal or deep gray typography to maintain a sophisticated, low-contrast aesthetic that remains easy on the eyes.
Does #ddd4c7 lean warm or cool?
Coconut Ice #ddd4c7 is a warm-toned neutral, though its heavy desaturation makes it appear deceptively cool or greyish in low-light environments. Because of these subtle orange undertones, it feels more organic and inviting than a standard, sterile off-white.
Is Coconut Ice readable on white or black?
Coconut Ice has a 1.46:1 contrast ratio on white and 14.31:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.