Mountain Dew color palette
Food & DrinkMountain Dew's color identity is defined by its vibrant, electric green paired with bold black and white contrasts, reflecting its energetic and adventurous brand image. The palette is instantly recognizable and consistent across packaging, digital, and promotional materials.
mountaindew.comMountain Dew colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Mountain Dew GreenPrimary0, 191, 28
- Dew WhiteSecondary237, 235, 235
- Dew RedAccent237, 28, 36
Surfaces
Page, cards and dividers.- Dew BlackBackground0, 0, 0
- Dew CharcoalSurface26, 26, 26
- Dew SilverBorder204, 204, 204
Text
Three tiers of copy.- Dew Text WhiteText255, 255, 255
- Dew LimeSecondary text178, 255, 89
- Dew GrayMuted text124, 124, 124
Semantic
Feedback and state colors.- Dew Neon GreenSuccess57, 255, 20
- Dew YellowWarning255, 214, 0
- Dew RedError237, 28, 36
- Dew BlueInfo0, 184, 244
Use Mountain Dew's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
mountain-dew-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00B8F4;
--error: #ED1C24;
--accent: #ED1C24;
--border: #CCCCCC;
--primary: #00BF1C;
--success: #39FF14;
--surface: #1A1A1A;
--warning: #FFD600;
--secondary: #EDEBEB;
--text-muted: #7C7C7C;
--background: #000000;
--text-primary: #FFFFFF;
--text-secondary: #B2FF59;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
21.0:1
Pass
Text on surface
Needs 4.5:1 for body text
17.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
17.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
14.4:1
Pass
Muted text on background
Needs 3:1 for large text
5.0:1
Pass
Muted text on surface
Needs 3:1 for large text
4.2:1
Pass
Mountain Dew background, border and text colors
Mountain Dew 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.
- Dew BlackBackground
- HEX
- RGB
- HSL
- Dew CharcoalSurface
- HEX
- RGB
- HSL
- Dew SilverBorder
- HEX
- RGB
- HSL
- Dew Text WhiteText
- HEX
- RGB
- HSL
- Dew LimeSecondary text
- HEX
- RGB
- HSL
- Dew GrayMuted text
- HEX
- RGB
- HSL
About Mountain Dew's colors
Mountain Dew's palette is built around a high-contrast, energetic green with supporting black, white, and neon accents. The colors evoke excitement and boldness, aligning with the brand's adventurous spirit.
Primary green dominates with strong black and white contrasts.
Accent red and yellow are used for emphasis and highlights.
Neon tones reinforce the brand's energetic image.
Psychology
The electric green suggests vitality, freshness, and energy, while the black and white provide clarity and impact. Accent colors like red and neon yellow add urgency and excitement.
Evolution
Mountain Dew's palette has remained consistent, with the signature green as its core since the 1990s. Minor adjustments have been made to accent and neutral tones for modern digital clarity.
Where Mountain Dew uses each color
- Primary
Mountain Dew Green is used for logos, primary buttons, and key visual elements on packaging and digital interfaces.
- Secondary
Dew White serves as the main background color on the website and in print materials.
- Accent
Dew Red is used for call-to-action highlights and limited-edition flavor cues.
- Backgrounds
Dew Black and Dew Charcoal are used for backgrounds in digital and promotional materials.
- Text
Dew Text White and Dew Lime are used for headings and important text, while Dew Gray is used for muted or secondary information.
- Semantic
Neon Green, Yellow, Red, and Blue are used for success, warning, error, and info states in digital UI elements.
Mountain Dew color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Mountain Dew brand color hex code is #00BF1C, known as Mountain Dew Green.
Mountain Dew Green (#00BF1C) in RGB is (0, 191, 28) and in CMYK is (100, 0, 85, 25).
Mountain Dew uses Dew Black (#000000), Dew Charcoal (#1A1A1A), and Dew Gray (#7C7C7C) as its primary dark and neutral tones for backgrounds and muted text.
Use Mountain Dew Green (#00BF1C) for primary branding, Dew White (#EDEBEB) for backgrounds, and Dew Red (#ED1C24) for accents. Neutral and dark tones support UI clarity and text legibility.
The secondary color is Dew White, #EDEBEB, and the accent is Dew Red, #ED1C24. 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 Mountain Dew's colors consistently when it generates UI.
Make something in the spirit of Mountain Dew
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.