Consumer Brands
Yellow on red — appetite, energy, and the golden arches.
Select any value to copy it.
Each color as text on white and on black. AA means body text passes. Select a ratio to open the pair in the contrast checker.
McDonald's combination of #FFC72C 'Golden Yellow' and #DA291C 'Red' is engineered for instant recognition at highway speeds. Color psychology research consistently links the pair to appetite stimulation; whether or not that's deterministic, the pair is recognized around the world.
Every token name carries the brand, so two brands can share one stylesheet.
:root {
--mcdonalds-golden-yellow: #ffc72c;
--mcdonalds-mickey-d-red: #da291c;
}@theme {
--color-mcdonalds-golden-yellow: #ffc72c;
--color-mcdonalds-mickey-d-red: #da291c;
}module.exports = {
theme: {
extend: {
colors: {
"mcdonalds-golden-yellow": "#ffc72c",
"mcdonalds-mickey-d-red": "#da291c",
},
},
},
};Source: https://corporate.mcdonalds.com/corpmcd/our-stories/our-brand-platform.html · As of 2026-05-02 · This page is an unofficial reference. Color values are factual sRGB hex codes and not subject to copyright; the McDonald's name and any associated marks belong to their owner. Request removal via support.