RoadmapWe are building this in the open. What should we add next?What should we build next?
Roadmap

What features do YOU want?

We are building this in the open. Tell us what would make it worth paying for and it goes straight to the person writing the code.

No account needed. One line is plenty.

Food and Beverage · brand assets

Ritter Sport brand colours

What colours does Ritter Sport use?

Ritter Sport leads on gold #BD9130, which covers 14.7% of the mark. The full set is white, gold, indigo, deep indigo, camel and pale sand: #FEFEFE, #BD9130, #010393, #010174, #BA9952, #E6DCB9. Every code below was read from the logo file itself, not copied from another list.

The Ritter Sport colour palette

Ordered by how much of the logo each one covers. Tap a code to copy it.

60.8%Aa

whitelargest

RGB
254, 254, 254
HSL
0°, 0%, 100%
Text on it
black · 18.7:1
Share of mark
60.8%
14.7%Aa

goldprimary

RGB
189, 145, 48
HSL
41°, 59%, 46%
Text on it
black · 6.52:1
Share of mark
14.7%
13%Aa

indigo

RGB
1, 3, 147
HSL
239°, 99%, 29%
Text on it
white · 14.63:1
Share of mark
13%
2.6%Aa

deep indigo

RGB
1, 1, 116
HSL
240°, 98%, 23%
Text on it
white · 16.7:1
Share of mark
2.6%
1.4%Aa

camel

RGB
186, 153, 82
HSL
41°, 43%, 53%
Text on it
black · 6.98:1
Share of mark
1.4%
1.4%Aa

pale sand

RGB
230, 220, 185
HSL
47°, 47%, 81%
Text on it
black · 13.74:1
Share of mark
1.4%

Ready to paste

The same codes as custom properties and as a Tailwind theme extension.

CSS

:root {
  --ritter-sport-1: #fefefe;
  --ritter-sport-2: #bd9130;
  --ritter-sport-3: #010393;
  --ritter-sport-4: #010174;
  --ritter-sport-5: #ba9952;
  --ritter-sport-6: #e6dcb9;
}

Tailwind

theme: {
  extend: {
    colors: {
      'ritter-sport-1': '#fefefe',
      'ritter-sport-2': '#bd9130',
      'ritter-sport-3': '#010393',
      'ritter-sport-4': '#010174',
      'ritter-sport-5': '#ba9952',
      'ritter-sport-6': '#e6dcb9',
    },
  },
}

How these were measured

We fetch the Ritter Sport logo from ritter-sport.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 Ritter Sport uses on packaging or on their site but not in their mark will not appear here.

Read 5 September 2026.

Questions

What are Ritter Sport's brand colours?

white, gold, indigo, deep indigo, camel and pale sand, #FEFEFE, #BD9130, #010393, #010174, #BA9952, #E6DCB9. The one to reach for first is gold #BD9130.

Where do these hex codes come from?

The Ritter Sport logo itself, fetched from ritter-sport.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 Ritter Sport'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 Ritter Sport'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.