McDonald's ↗

McDonald’s Gradient

#FFC300

#DA291C

Text readability

Brand WarmBold Food

CSS

background: linear-gradient(135deg, #FFC300, #DA291C);

Tailwind

bg-gradient-to-r from-[#FFC300] to-[#DA291C]

Figma token

{"gradient":{"value":"background: linear-gradient(135deg, #FFC300, #DA291C);"}}

More Brand gradients