73.9%Aa
whitelargest
- RGB
- 255, 254, 255
- HSL
- 300°, 100%, 100%
- Text on it
- black · 18.75:1
- Share of mark
- 73.9%
Food and Beverage · brand assets
Vosges Haut-Chocolat brand colours
What colours does Vosges Haut-Chocolat use?
Vosges Haut-Chocolat leads on deep purple #4A1A64, which covers 12.3% of the mark. The full set is white, deep purple, silver, deep navy and slate: #FFFEFF, #4A1A64, #DDD4E3, #432355, #B5ACBB, #8C739B. Every code below was read from the logo file itself, not copied from another list.
The Vosges Haut-Chocolat colour palette
Ordered by how much of the logo each one covers. Tap a code to copy it.
12.3%Aa
deep purpleprimary
- RGB
- 74, 26, 100
- HSL
- 279°, 59%, 25%
- Text on it
- white · 12.94:1
- Share of mark
- 12.3%
3.9%Aa
silver
- RGB
- 221, 212, 227
- HSL
- 276°, 21%, 86%
- Text on it
- black · 13.11:1
- Share of mark
- 3.9%
2%Aa
deep navy
- RGB
- 67, 35, 85
- HSL
- 278°, 42%, 24%
- Text on it
- white · 13.04:1
- Share of mark
- 2%
2.4%Aa
silver
- RGB
- 181, 172, 187
- HSL
- 276°, 10%, 70%
- Text on it
- black · 8.61:1
- Share of mark
- 2.4%
3.2%Aa
slate
- RGB
- 140, 115, 155
- HSL
- 278°, 17%, 53%
- Text on it
- black · 4.53:1
- Share of mark
- 3.2%
Ready to paste
The same codes as custom properties and as a Tailwind theme extension.
CSS
:root {
--vosges-haut-chocolat-1: #fffeff;
--vosges-haut-chocolat-2: #4a1a64;
--vosges-haut-chocolat-3: #ddd4e3;
--vosges-haut-chocolat-4: #432355;
--vosges-haut-chocolat-5: #b5acbb;
--vosges-haut-chocolat-6: #8c739b;
}Tailwind
theme: {
extend: {
colors: {
'vosges-haut-chocolat-1': '#fffeff',
'vosges-haut-chocolat-2': '#4a1a64',
'vosges-haut-chocolat-3': '#ddd4e3',
'vosges-haut-chocolat-4': '#432355',
'vosges-haut-chocolat-5': '#b5acbb',
'vosges-haut-chocolat-6': '#8c739b',
},
},
}How these were measured
We fetch the Vosges Haut-Chocolat logo from vosgeschocolate.com, decode the PNG, and count every pixel. Transparent pixels are not counted, on a logo delivered on a clear background they would otherwise outnumber everything and report the colour of nothing.
Colours a person cannot tell apart are merged. The edge of any letterform is a ramp of half-shades between the ink and whatever is behind it, and publishing six of those as brand colours is how the scraped palettes on other sites end up listing four greys.
The limit is worth stating plainly: this is the palette of a logo, not a brand book. A colour Vosges Haut-Chocolat uses on packaging or on their site but not in their mark will not appear here.
Read 8 September 2026.
Questions
What are Vosges Haut-Chocolat's brand colours?
white, deep purple, silver, deep navy and slate, #FFFEFF, #4A1A64, #DDD4E3, #432355, #B5ACBB, #8C739B. The one to reach for first is deep purple #4A1A64.
Where do these hex codes come from?
The Vosges Haut-Chocolat logo itself, fetched from vosgeschocolate.com and read pixel by pixel. Colours within a hair of each other are merged, because the edge of any letterform is a ramp between the ink and what is behind it and none of those greys are a brand colour. Nothing here is copied from another site.
Is this Vosges Haut-Chocolat's official palette?
It is what is in their logo, which is not the same thing. A brand book usually holds more : a secondary set, tints, a colour that only appears on packaging. What you get here is the part that is verifiable from a file anyone can fetch.
Can I use these colours?
A hex code is not protected. Using Vosges Haut-Chocolat's palette to pass work off as theirs is a trademark problem, and the same colours in your own moodboard, chart or comparison deck are not.