Nos Color Palette
The Nos palette builds on Blue foundations to create instant brand recognition. Learn how these specific hex values shape perception in food markets.
Nos Primary
Nos Accent
The Visual Identity of Nos
Color Systems & Brand Psychology
Primary Hue
The #003087 at the core of Nos's palette is not accidental. Blue tones consistently test well for calm authority in food and beverage, giving the brand a recognisable visual anchor.
Industry Psychology
The psychology behind Nos's blue palette is rooted in how everyday shoppers perceive color in food and beverage. Studies on color cognition confirm that blue consistently elicits calm authority — making it an effective foundation for a brand competing in consumer packaging.
Strategic Usage
Designers and developers implementing Nos's colors should treat these hex codes as exact specifications. Color drift — even subtle shifts in value — weakens the recognition cues that Nos has built with everyday shoppers through repeated exposure across consumer packaging.
UI Design & Application Guide
Thinking of using the Nos 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 #003087 as a background, strict accessibility standards (WCAG) recommend using #FFFFFF for your typeface to ensure maximum readability.
Nos 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 |
|---|---|---|---|
| Nos Primary | #003087 | rgb(0, 48, 135) | var(--nos-primary) |
| Nos Accent 1 | #FFFFFF | rgb(255, 255, 255) | var(--nos-color-2) |
CSS Implementation
Copy this CSS snippet to your :root to instantly implement the Nos brand styles.
:root {
--nos-primary: #003087;
--nos-color-2: #FFFFFF;
}
Explore Related Brand Palettes
Compare Nos with other top brands in our database.