Appearance
Nestlé Logo Color Code & Palette
Looking for the official Nestlé logo color code? Get the exact #0066B1 and Nestlé Blue, #8B4513 and Nestlé Brown and #FFFFFF and Nestlé White. Complete color information for design and development projects featuring Nestlé's signature brand color.
Extract Nestlé Logo Colors from Image
Upload a photo or SVG image containing the Nestlé logo to find the exact HEX and RGB color codes. Supported formats include PNG, JPG, SVG, and more.
click or drag your image here
Supported formats: JPG, PNG, WebP
Nestlé Logo Color Code Converter
Instantly convert Nestlé's brand color between HEX, RGB, CMYK, and other color systems.
All Formats:
- HEX:#ECB12E
- RGB:rgb(236, 177, 46)
- CMYK:cmyk(0%, 25%, 81%, 7%)
- HSV:hsv(41°, 81%, 93%)
- HSL:hsl(41°, 83%, 55%)
Nestlé Logo Color Palette
#0066B1
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#73C9FF
Light
#57A7E5
Medium Light
#3786CB
Medium
#0066B1
Medium Dark
#154778
Dark
#142A43
Darkest
#060E15
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#0066B1
Left Dark
#6087C2
Left Medium
#95AAD3
Left Light
#C6CFE4
Neutral
#F5F5F5
Right Light
#EDC9B7
Right Medium
#DE9F7C
Right Dark
#CA7543
Complementary End
#B14B00
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#9AAFD8
Medium
#0066B1
Dark
#003679
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#00B14B
Left Adjacent 1
#00B1A4
Main
#0066B1
Right Adjacent 1
#000DB1
Right Adjacent 2
#4B00B1
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#0066B1
Complementary
#B14B00
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#0066B1
Secondary
#B10066
Tertiary
#66B100
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#0066B1
Right 90°
#A300B1
Complementary
#B14B00
Left 90°
#0EB100
Tetradic
Two pairs of complementary colors
4 colors
Main
#0066B1
Secondary
#4B00B1
Complementary
#B14B00
Complementary Secondary
#66B100
Split Complementary
Complementary colors ±30°
3 colors
Main
#0066B1
Split Left
#B1000E
Split Right
#B1A300
Cyclic
Circular gradient for periodic data
8 colors
0°
#0066B1
45°
#1F00B1
90°
#A300B1
135°
#B1003A
180°
#B14B00
225°
#92B100
270°
#0EB100
315°
#00B177
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CB6C9
Pastel 1
#A9C0D1
Pastel 2
#B6C9D8
Pastel 3
#C3D3DF
Pastel 4
#D1DDE6
Deep Pastel
#DEE7ED
#8B4513
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F1AA77
Light
#CF8755
Medium Light
#AD6534
Medium
#8B4513
Medium Dark
#603213
Dark
#382011
Darkest
#110D0A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#8B4513
Left Dark
#AB6F49
Left Medium
#C79A7F
Left Light
#E0C6B8
Neutral
#F5F5F5
Right Light
#C2CBDA
Right Medium
#8FA3BF
Right Dark
#5A7DA5
Complementary End
#13598B
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CC9E83
Medium
#8B4513
Dark
#581900
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#8B1359
Left Adjacent 1
#8B131D
Main
#8B4513
Right Adjacent 1
#8B8113
Right Adjacent 2
#598B13
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#8B4513
Complementary
#13598B
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#8B4513
Secondary
#138B45
Tertiary
#45138B
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#8B4513
Right 90°
#1D8B13
Complementary
#13598B
Left 90°
#81138B
Tetradic
Two pairs of complementary colors
4 colors
Main
#8B4513
Secondary
#598B13
Complementary
#13598B
Complementary Secondary
#45138B
Split Complementary
Complementary colors ±30°
3 colors
Main
#8B4513
Split Left
#138B81
Split Right
#131D8B
Cyclic
Circular gradient for periodic data
8 colors
0°
#8B4513
45°
#778B13
90°
#1D8B13
135°
#138B63
180°
#13598B
225°
#27138B
270°
#81138B
315°
#8B133B
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C4B0A1
Pastel 1
#CCBAAE
Pastel 2
#D4C5BA
Pastel 3
#DCCFC7
Pastel 4
#E3DAD3
Deep Pastel
#EBE5E0
#FFFFFF
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F2F2F2
Light
#F6F6F6
Medium Light
#FBFBFB
Medium
#FFFFFF
Medium Dark
#DCDCDC
Dark
#BABABA
Darkest
#999999
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFFFF
Left Dark
#FCFCFC
Left Medium
#FAFAFA
Left Light
#F7F7F7
Neutral
#F5F5F5
Right Light
#F7F7F7
Right Medium
#FAFAFA
Right Dark
#FCFCFC
Complementary End
#FFFFFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFFFF
Medium
#FFFFFF
Dark
#777777
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFFFFF
Left Adjacent 1
#FFFFFF
Main
#FFFFFF
Right Adjacent 1
#FFFFFF
Right Adjacent 2
#FFFFFF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFFFF
Complementary
#FFFFFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFFFF
Secondary
#FFFFFF
Tertiary
#FFFFFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFFFF
Right 90°
#FFFFFF
Complementary
#FFFFFF
Left 90°
#FFFFFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFFFF
Secondary
#FFFFFF
Complementary
#FFFFFF
Complementary Secondary
#FFFFFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFFFF
Split Left
#FFFFFF
Split Right
#FFFFFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFFFF
45°
#FFFFFF
90°
#FFFFFF
135°
#FFFFFF
180°
#FFFFFF
225°
#FFFFFF
270°
#FFFFFF
315°
#FFFFFF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABABAB
Pastel 1
#B6B6B6
Pastel 2
#C1C1C1
Pastel 3
#CDCDCD
Pastel 4
#D8D8D8
Deep Pastel
#E3E3E3
What is Nestlé Logo Color?
Nestlé logo colors are a trusted combination of blue, brown, and white that represent the brand's food and beverage identity. These colors evoke feelings of trust, quality, and nutritional care. Nestlé's distinctive logo reflects their commitment to nourishing families worldwide.
Nestlé's primary logo colors include: #0066B1 (blue), #8B4513 (brown), and #FFFFFF (white).
Nestlé Brand Background
Nestlé is one of the world's largest food and beverage companies, with a broad portfolio spanning nutrition, dairy, coffee, and confectionery. Its blue, brown, and white palette reflects both reliability and a connection to natural ingredients.
Nestlé Logo Color Meaning
Blue conveys trust, reliability, and purity, while brown signals warmth, natural ingredients, and nourishment. White keeps the identity clean and family-friendly.
Nestlé Logo Color Combinations
- Nestlé Blue + White: a trusted, clean pairing for product packaging.
- Nestlé Brown + White: a warm, natural look suited to food and nutrition brands.
- Nestlé Blue + Nestlé Brown: a balanced pairing that links trust with wholesome warmth.
Design Applications
Nestlé logo colors work well in food branding, beverage designs, and family-friendly aesthetics. They pair beautifully with warm imagery and welcoming typography. Use them for food projects, Nestlé-inspired designs, or to create a trustworthy, nurturing atmosphere in your projects.
FAQ
What are Nestlé's official logo colors?
Nestlé's official logo colors are blue (#0066B1), brown (#8B4513), and white (#FFFFFF).
Why does Nestlé use blue?
Blue represents trust, reliability, and purity, reflecting Nestlé's commitment to quality food products.
Can I use Nestlé's logo colors?
You can use these colors for inspiration, but be mindful of Nestlé's trademark and brand guidelines.
What are Nestlé's logo colors in RGB?
Nestlé Blue is RGB(0, 102, 177), Nestlé Brown is RGB(139, 69, 19), and Nestlé White is RGB(255, 255, 255).
What does the brown in Nestlé's logo represent?
Brown represents warmth, natural ingredients, and nourishment, grounding the brand's food-focused identity.