Neon from Valorant is defined by kinetic energy and electric flair, and her visual identity is built around purposeful color choices for instant recognition. Her palette mixes electric Blue #1B56FF (Blue), bright Cyan #00D7FF (Cyan / Aqua) and vivid yellow #FFD84A (Gargoyle Gas) to communicate speed, charge, and impact. For UI/UX designers and artists searching for Neon color codes and HEX values, this concise palette provides the contrast and legibility needed to replicate her look across HUDs, icons, and fan art while preserving gameplay readability.
Neon Valorant Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Blue | #1B56FF | 27, 86, 255 | 89, 66, 0, 0 | |
| Cyan / Aqua | #00D7FF | 0, 215, 255 | 100, 16, 0, 0 | |
| Gargoyle Gas | #FFD84A | 255, 216, 74 | 0, 15, 71, 0 | |
| Big Stone | #0F1B2D | 15, 27, 45 | 67, 40, 0, 82 | |
| White | #FFFFFF | 255, 255, 255 | 0, 0, 0, 0 |
Neon CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Neon Valorant Palette */
--neon-valorant-blue: #1B56FF;
--neon-valorant-cyan-/-aqua: #00D7FF;
--neon-valorant-gargoyle-gas: #FFD84A;
--neon-valorant-big-stone: #0F1B2D;
--neon-valorant-white: #FFFFFF;
}More Valorant Color Codes (Blue Palette)
Neon CSS Gradients
Beautiful gradient backgrounds inspired by Neon’s aesthetic. Click to copy the CSS code.
Neon Color Scheme Breakdown
Blue#1B56FF
A saturated electric blue used across Neon’s jacket accents and core costume panels, echoing her high-voltage identity and visually linking her silhouette to fast movement and energetic ability styling.
Cyan / Aqua#00D7FF
A bright cyan seen in Neon’s lightning VFX, ability trails, and glowing suit details, reinforcing the sensation of speed and electricity while keeping her gameplay readability crisp against backgrounds.
Gargoyle Gas#FFD84A
A vivid warm yellow appearing in hair streaks, suit piping, and electric highlights, acting as a visual spark that contrasts the blues and communicates charge, impact, and kinetic momentum.
Big Stone#0F1B2D
A deep navy used on major clothing surfaces like her jacket and undersuit sections, grounding the palette, improving contrast for neon effects, and giving her a sleek, urban, athletic look.
White#FFFFFF
A clean white used for small apparel trims, logos, and select gear details, adding sharp separation between dark fabric and bright VFX while suggesting modern tech materials and clarity in design.
Neon 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Neon’s palette for a perfectly balanced visual hierarchy.
Neon UI Component Preview
Here is a live example of how the Neon color palette looks when applied to a modern UI component.
Neon
Electric Duelist
“Let’s light it up.”
Neon 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 Neon’s aesthetic.
- Main LED: 27, 86, 255
- Accent LED: 0, 215, 255
The Design Philosophy behind Neon’s Palette
The design philosophy behind Neon’s palette balances high-voltage accents with a grounded base to reflect her backstory and abilities. Deep navy #0F1B2D (Big Stone) anchors major surfaces, improving silhouette clarity and allowing neon effects to pop without visual clutter. White #FFFFFF trims offer crisp separation on gear and logos, while Blue #1B56FF and Cyan #00D7FF drive VFX and ability trails for instantaneous recognition. Vivid yellow #FFD84A serves as kinetic punctuation—used sparingly to mark interaction points or motion highlights. This combination succeeds because it optimizes contrast, supports fast visual parsing in action, and provides a practical set of HEX color codes for UI, iconography, and motion design.
Best Neon Color Combinations
Neon Rush
Bright cyan against deep navy creates high contrast ideal for readable HUD elements and fast-moving ability trails.
Electric Spark
Saturated blue paired with vivid yellow produces energetic focal points perfect for call-to-action buttons and impact effects.
Explore More Valorant Character Color Codes
Download Neon Valorant Color Palette
Neon .ASE Swatches
For Adobe Swatches & Procreate
Neon .SVG Palette
Vector Color Palette
Neon .PNG Image
High-Quality Palette Preview
FAQs about Neon Valorant Color Codes
What is the color of Neon’s hair streaks?
Neon’s hair streaks and small electric highlights use the vivid yellow Gargoyle Gas #FFD84A.
What is Neon’s primary outfit or base color?
The primary clothing base is the deep navy Big Stone #0F1B2D, which grounds the bright neon accents.
Which colors are used for Neon’s ability accents and VFX?
Ability accents and VFX rely on bright Cyan #00D7FF and electric Blue #1B56FF for speed and visibility, often supported by white #FFFFFF trims.
