Food & Restaurants
Nestlé Color Codes
Nestle works in a warm grey-brown, hex #63513D, with black for the wordmark. The Nestle color codes in Hex, RGB and CMYK can be found below. Henri Nestle, a pharmacist in Vevey, Switzerland, founded the company in 1866 after developing an infant food. Its rival among global food makers is Mars.
Primary colors
What are Nestlé Primary Colors?
Nestlé's primary colors are nestle brown #63513D, black #000000.
Nestle publishes no open hex sheet; these are measured from the current mark.
Nestlé Nestle Brown
| Hex | #63513D |
|---|---|
| RGB | 99, 81, 61 |
| HSL | hsl(32, 24%, 31%) |
| CMYK | 0%, 18%, 38%, 61%converted · approximate |
| Pantone | PMS 411 Cnearest match · not published by the brand |
Nestlé Black
| Hex | #000000 |
|---|---|
| RGB | 0, 0, 0 |
| HSL | hsl(0, 0%, 0%) |
| CMYK | 0%, 0%, 0%, 100%converted · approximate |
| Pantone | PMS 419 Cnearest match · not published by the brand |
Nestlé Hex Color Codes
Nestlé hex color codes are #63513D for nestle brown and #000000 for black.
| Color | Hex |
|---|---|
| Nestle Brown | #63513D |
| Black | #000000 |
Nestlé RGB Color Codes
Nestlé RGB color codes are 99, 81, 61 for nestle brown and 0, 0, 0 for black. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Nestle Brown | rgb(99, 81, 61) |
| Black | rgb(0, 0, 0) |
Nestlé HSL Color Codes
Nestlé HSL color codes are 32, 24%, 31% for nestle brown and 0, 0%, 0% for black. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Nestle Brown | hsl(32, 24%, 31%) |
| Black | hsl(0, 0%, 0%) |
Nestlé CMYK Color Code
Nestlé CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Nestle Brown | 0%, 18%, 38%, 61% |
| Black | 0%, 0%, 0%, 100% |
Nestlé Pantone Color Codes
Nestlé Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Nestle Brown | PMS 411 C |
| Black | PMS 419 C |
Logo
Nestlé Logo Colors
Nestle logo colors are a soft brown and black, on the nest mark and the name.
Nestlé Logo Colors Palette
What the Nestlé Logo Colors Mean?
The Nestle logo colors dress a family crest. Nestle means little nest in the founder's Swabian German, and his family's coat of arms showed a bird in a nest, so the first 1868 logo drew a mother bird feeding three chicks. It has been simplified since, losing a chick and most of the detail, but the nest and the muted natural tones remain.
Nestlé Logo Color History
Nestle logo color history keeps earthy browns and greys across 150 years, avoiding a loud brand color on purpose. The birds were redrawn in 1938, 1966 and 1988, each version plainer than the last.
Nestlé Logo Fonts
Nestle logo fonts are a custom sans for the wordmark, not for sale. A clean humanist sans is the closest substitute.
Nestlé Logo JPG
Nestlé logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Nestlé Logo PNG
Nestlé logo in PNG, with a transparent background. Use it over a colored surface.
Nestlé Logo WebP
Nestlé logo in WebP. Same transparency as the PNG at about a third of the file size.
Nestlé Color Code Shades
Nestlé color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Nestlé paint or trim names.
In code
Using the Nestlé palette
CSS custom properties
:root {
--nestle-nestle-brown: #63513D;
--nestle-black: #000000;
}Contrast against white
| Nestle Brown | 7.57:1AA ✓ |
|---|---|
| Black | 21.00:1AA ✓ |
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.