Moelleux au Chocolat

#553311

Softer milk-chocolate brown with warm, creamy undertone

Save
Share

About Moelleux au Chocolat

Moelleux au Chocolat looks like the moment cocoa powder meets warm cream: not glossy, not heavy, just soft depth with a richer brown glow. Compared to and Café , it's warmer and more rounded, with more lightness in the mix so it never turns matte-flat. And unlike , it holds onto saturation a bit longer, so it reads more plush than "espresso-lite." The mood is cozy brown with a satin feel, not restrained density.

I use it when brown has to feel edible and tactile in UI and print. Think food and beverage packaging mockups, recipe app screens, and menu boards where you want the text to breathe without losing warmth. It also plays well as a card background or pressed-button state in dark mode, where you want depth without the cold flatness you sometimes get from darker browns.

Quirk: if you pair it with very pale yellows, it can skew a little muddy. Offset with cream, caramel neutrals, or slightly cooler taupes to keep the "moelleux" texture front and center.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
11.24:1AAA

On Gray 100 #f5f5f5

Aa
10.31:1AAA

On Gray 900 #18181b

Aa
1.58:1Fail

On Black #000000

Aa
1.87:1Fail

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Moelleux au Chocolat

Open the generator with this color pre-loaded.

Start creating