Monster Energy color palette
Food & DrinkMonster Energy's color identity is defined by its signature neon green paired with deep black and metallic silver, creating a bold and energetic look. The palette is instantly recognizable and consistent across packaging, digital, and promotional materials.
monsterenergy.comMonster Energy colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Monster GreenPrimary149, 214, 0
- Monster BlackSecondary0, 0, 0
- Monster SilverAccent192, 192, 192
Surfaces
Page, cards and dividers.- Monster CharcoalBackground24, 24, 24
- Monster Surface GraySurface35, 35, 35
- Monster Border GrayBorder58, 58, 58
Text
Three tiers of copy.- Monster WhiteText255, 255, 255
- Monster Light GraySecondary text176, 176, 176
- Monster Muted GrayMuted text122, 122, 122
Semantic
Feedback and state colors.- Monster GreenSuccess149, 214, 0
- Monster Warning YellowWarning255, 214, 0
- Monster Error RedError255, 43, 43
- Monster Info BlueInfo0, 180, 216
Use Monster Energy's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
monster-energy-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00B4D8;
--error: #FF2B2B;
--accent: #C0C0C0;
--border: #3A3A3A;
--primary: #95D600;
--success: #95D600;
--surface: #232323;
--warning: #FFD600;
--secondary: #000000;
--text-muted: #7A7A7A;
--background: #181818;
--text-primary: #FFFFFF;
--text-secondary: #B0B0B0;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.8:1
Pass
Text on surface
Needs 4.5:1 for body text
15.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.2:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.2:1
Pass
Muted text on background
Needs 3:1 for large text
4.1:1
Pass
Muted text on surface
Needs 3:1 for large text
3.7:1
Pass
Monster Energy gray, dark and neutral colors
Monster Energy runs a dark interface, so these grays carry the layout: background, sidebar surfaces, dividers and three tiers of text. Click a value to copy it.
- Monster CharcoalBackground
- HEX
- RGB
- HSL
- Monster Surface GraySurface
- HEX
- RGB
- HSL
- Monster Border GrayBorder
- HEX
- RGB
- HSL
- Monster WhiteText
- HEX
- RGB
- HSL
- Monster Light GraySecondary text
- HEX
- RGB
- HSL
- Monster Muted GrayMuted text
- HEX
- RGB
- HSL
About Monster Energy's colors
Monster Energy's palette is built around a high-contrast neon green and black, evoking energy and boldness. The use of metallic silver and dark grays adds a modern, industrial edge.
Primary green contrasts sharply with black for high visibility.
Silver and gray tones provide balance and depth.
Accent colors are used sparingly to highlight calls to action.
Psychology
The neon green suggests vitality, power, and a sense of adrenaline. Black and metallic tones reinforce a tough, edgy brand personality.
Evolution
Monster's color palette has remained largely unchanged since its inception, maintaining strong brand recognition. Minor adjustments to gray tones have occurred for digital clarity.
Where Monster Energy uses each color
- Primary
Monster Green is used for the claw logo, key highlights, and call-to-action buttons.
- Secondary
Monster Black dominates backgrounds, cans, and apparel.
- Accent
Monster Silver appears in metallic finishes on cans and digital UI elements.
- Backgrounds
Charcoal and surface grays are used for web and app backgrounds.
- Text
White and light gray are used for primary and secondary text on dark backgrounds.
- Semantic
Green signals positive actions, yellow for warnings, and red for errors in digital interfaces.
Monster Energy color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Monster Energy green is #95D600, used for the iconic claw logo and key brand elements.
Monster Green (#95D600) is RGB(149, 214, 0) and CMYK(30, 0, 100, 0).
Monster uses #000000 (Monster Black), #181818 (Monster Charcoal), and #232323 (Monster Surface Gray) for backgrounds and UI surfaces.
Use Monster Green (#95D600) for logos and highlights, black and grays for backgrounds, and silver for accents. Maintain high contrast for readability and brand consistency.
The secondary color is Monster Black, #000000, and the accent is Monster Silver, #C0C0C0. Together with the primary they make up the three brand colors at the top of this page.
6 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Monster Energy's colors consistently when it generates UI.
Make something in the spirit of Monster Energy
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.