Lays Color Palette
Lays selected these Orange values to communicate specific brand attributes across food contexts. This guide unpacks the rationale and implementation details.
Lays Primary
Lays Accent
The Visual Identity of Lays
Color Systems & Brand Psychology
Primary Hue
Choosing #FFC72C as its lead color, Lays leverages the psychological association between orange tones and appetite — an important signal in food and beverage.
Industry Psychology
The psychology behind Lays's orange palette is rooted in how everyday shoppers perceive color in food and beverage. Studies on color cognition confirm that orange consistently elicits appetite — making it an effective foundation for a brand competing in consumer packaging.
Strategic Usage
Consistent deployment of these hex codes across consumer packaging is what turns a color into a brand asset. Lays enforces precise color governance so that everyday shoppers experience the same visual signal whether they encounter the brand online, in print, or in a physical space.
UI Design & Application Guide
Thinking of using the Lays color palette in your next project? Here is a professional guide on how to apply these colors effectively for web and mobile interfaces.
When using #FFC72C as a background, strict accessibility standards (WCAG) recommend using #111827 for your typeface to ensure maximum readability.
Lays Primary to ensure consistency across all food mockups.
Technical Color Data Table
For developers and designers, accuracy is non-negotiable. Below are the precise conversions.
| Color Name | HEX Code | RGB Values | CSS Variable |
|---|---|---|---|
| Lays Primary | #FFC72C | rgb(255, 199, 44) | var(--lays-primary) |
| Lays Accent 1 | #E4002B | rgb(228, 0, 43) | var(--lays-color-2) |
CSS Implementation
Copy this CSS snippet to your :root to instantly implement the Lays brand styles.
:root {
--lays-primary: #FFC72C;
--lays-color-2: #E4002B;
}
Explore Related Brand Palettes
Compare Lays with other top brands in our database.