Viper (Valorant) Color Codes & Palette — HEX Guide for UI/UX

Viper (Valorant) Color Codes & Palette — HEX Guide for UI/UX

Viper’s visual identity in Valorant is a study in controlled menace, engineered chemistry, and tactical clarity. The palette centers on neon toxin cues like #00FF9A Spring Green, grounded by near-black fabric such as #111214 Woodsmoke and deep under-armor tones like #0B3D2E Bottle Green. For designers and UI/UX specialists searching for Viper HEX codes or a faithful color palette, these precise swatches translate her poisonous gameplay into usable UI accents, contrast systems, and thematic branding that emphasize contamination, stealth, and lab-grade hazard signaling.

Spring Green
#00FF9A
Bottle Green
#0B3D2E
Woodsmoke
#111214
Iron
#D7D7D9
Ronchi
#F1C64B

Viper Valorant Color Codes: HEX, RGB, CMYK

PreviewColor NameHEXRGBCMYK
Spring Green#00FF9A0, 255, 154100, 0, 40, 0
Bottle Green#0B3D2E11, 61, 4682, 0, 25, 76
Woodsmoke#11121417, 18, 2015, 10, 0, 92
Iron#D7D7D9215, 215, 2171, 1, 0, 15
Ronchi#F1C64B241, 198, 750, 18, 69, 5

Viper CSS & Tailwind Color Variables

Select your preferred format and copy the ready-to-use CSS variables for your web projects.

:root {
/* Viper Valorant Palette */
--viper-valorant-spring-green: #00FF9A;
--viper-valorant-bottle-green: #0B3D2E;
--viper-valorant-woodsmoke: #111214;
--viper-valorant-iron: #D7D7D9;
--viper-valorant-ronchi: #F1C64B;
}

Viper CSS Gradients

Beautiful gradient backgrounds inspired by Viper’s aesthetic. Click to copy the CSS code.

Click to Copy CSS
Spring Green to Iron#00FF9A → #D7D7D9
Click to Copy CSS
Woodsmoke to Spring Green#111214 → #00FF9A

Viper Color Scheme Breakdown

Spring Green#00FF9A

Signature toxic neon green used in Viper’s poison clouds, Toxic Screen, and fuel UI accents; it signals lethal chemistry, contamination, and her controlling, area-denial identity across most official key art.

Bottle Green#0B3D2E

Deep emerald-green appears across her tactical suit panels and under-armor fabric; it grounds the bright toxin glow, reinforcing a militarized biotech aesthetic and the stealthy, predatory vibe of her kit.

Woodsmoke#111214

Near-black charcoal dominates her bodysuit base, gloves, and equipment casings; it frames the green toxins with high contrast and communicates professionalism, menace, and a clandestine operator silhouette.

Iron#D7D7D9

Cool light grey shows on armor trims, buckles, and small suit components; it reads as hard composite material, adding industrial clarity and separating panels without competing with her toxic green highlights.

Ronchi#F1C64B

Muted hazard yellow appears in warning stripes, tiny indicators, and technical labels on her gear; it evokes laboratory safety coding, emphasizing danger and controlled volatility alongside her chemical weapon theme.

Viper 60-30-10 Design Rule

Apply the classic 60-30-10 UI design rule using Viper’s palette for a perfectly balanced visual hierarchy.

60% Background
#D7D7D9
30% Primary
#111214
10% Accent
#00FF9A

Use Iron (#D7D7D9) for large background spaces, Woodsmoke (#111214) for primary text and structural UI elements, and vibrant Spring Green (#00FF9A) exclusively for call-to-action buttons and important highlights.

Viper UI Component Preview

Here is a live example of how the Viper color palette looks when applied to a modern UI component.

Viper

Toxic Controller

“Toxic screen up.”

Viper Gaming Setup (RGB Peripherals)

Sync your gaming gear! Use these exact RGB values for your Razer Chroma, Corsair iCUE, or Logitech G Hub software to match Viper’s aesthetic.

  • Main LED: 0, 255, 154
  • Accent LED: 11, 61, 46

The Design Philosophy behind Viper’s Palette

The design philosophy behind Viper’s palette uses high-contrast signaling to embody her biography and abilities: vibrant toxic highlights indicate danger and area denial, while dark, utilitarian neutrals read as tactical armor. #00FF9A Spring Green functions as the primary semantic color—an immediate visual shorthand for poison—while #111214 Woodsmoke creates the silhouette and negative space needed for legibility. Midtones like #0B3D2E Bottle Green add depth and reinforce a biotech/militarized aesthetic, and trims such as #D7D7D9 Iron and #F1C64B Ronchi supply industrial clarity and hazard cues. For anyone searching for character color codes or HEX palettes, this combination balances readability, thematic storytelling, and practical UI contrast.

Best Viper Color Combinations

Toxic Accent Contrast

Bright Spring Green against near-black Woodsmoke creates immediate visual hierarchy—perfect for alerts, ability indicators, and high-contrast UI elements.

Biotech Hazard Pair

Bottle Green paired with Ronchi yellow gives a lab-safety aesthetic ideal for status tags, warning stripes, and technical overlays in interface design.

Download Viper Valorant Color Palette

ASE

Viper .ASE Swatches

For Adobe Swatches & Procreate

SVG

Viper .SVG Palette

Vector Color Palette

PNG

Viper .PNG Image

High-Quality Palette Preview

FAQs about Viper Valorant Color Codes

What is the signature toxin color on Viper’s abilities?

Viper’s toxin glow is represented by Spring Green: #00FF9A.

What is the main outfit/base color used for Viper’s suit?

The suit’s base is a near-black charcoal called Woodsmoke: #111214.

Which colors are used for secondary accents and hardware?

Secondary accents and hardware use Bottle Green (#0B3D2E), Iron grey (#D7D7D9), and hazard yellow Ronchi (#F1C64B).

Copied