Sportswear · brand assets

On Running brand colours

What colours does On Running use?

On Running leads on black #000000. The full set is black, grey and white: #000000, #868686, #FDFDFD. Every code below is the brand's own published colour, not copied from a listicle.

The On Running colour palette

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

blackprimary

RGB: 0, 0, 0
HSL: 0°, 0%, 0%
Text on it: white · 21:1
Role: primary

grey

RGB: 134, 134, 134
HSL: 0°, 0%, 53%
Text on it: black · 5.18:1
Role: supporting

white

RGB: 253, 253, 253
HSL: 0°, 0%, 99%
Text on it: black · 18.54:1
Role: supporting

Ready to paste

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

CSS

:root {
  --on-running-1: #000000;
  --on-running-2: #868686;
  --on-running-3: #fdfdfd;
}

Tailwind

theme: {
  extend: {
    colors: {
      'on-running-1': '#000000',
      'on-running-2': '#868686',
      'on-running-3': '#fdfdfd',
    },
  },
}

Where these came from

These are On Running's published colours, as recorded for on.com. A published palette can carry colours that never appear in the logo: a secondary, or one used only on packaging. That is the reason to prefer it over reading the mark.

What it does not carry is how much of anything each colour covers, so there are no percentages here. Where we have read a brand's logo instead, those percentages appear and this paragraph says so instead.

Read 26 August 2026.

Questions

What are On Running's brand colours?

black, grey and white, #000000, #868686, #FDFDFD. The one to reach for first is black #000000.

Where do these hex codes come from?

On Running's own published brand palette, as recorded for on.com: it can include colours that never appear in the logo itself. Nothing here is copied from another site.

Is this On Running's official palette?

It is the palette on their brand record, which is as close to official as a third party gets. A full brand book usually holds more: tints, a print-only colour, rules about where each one goes.

Can I use these colours?

A hex code is not protected. Using On Running'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.

On Running logo →Who is mentioning On Running