Moelleux au Chocolat
#553311
Softer milk-chocolate brown with warm, creamy undertone
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 Chocolate Fantasies and Café Noir, it's warmer and more rounded, with more lightness in the mix so it never turns matte-flat. And unlike Count Chocula, 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.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
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