Veto (Valorant) Color Codes, Palette & HEX Guide for UI/UX Designers

Veto (Valorant) Color Codes, Palette & HEX Guide for UI/UX Designers

Veto presents a disciplined, tech-driven visual identity defined by a dark, functional base and a crisp electric accent. For designers referencing Veto color codes, the palette pairs deep charcoal #2B2F36 (Shark) and near-black #1A1E24 (Shark) to anchor armor and undersuit, while signature energy motifs use #2C6BEA (Royal Blue); pale trims like #C9CDD6 (Ghost) add engineered contrast. This concise HEX palette guide targets UI/UX and concept artists searching for Veto color codes and practical palette usage in interfaces, icons, and in-game HUD elements.

Shark
#2B2F36
Shuttle Gray
#58606B
Ghost
#C9CDD6
Shark
#1A1E24
Royal Blue
#2C6BEA

Veto Valorant Color Codes: HEX, RGB, CMYK

PreviewColor NameHEXRGBCMYK
Shark#2B2F3643, 47, 5420, 13, 0, 79
Shuttle Gray#58606B88, 96, 10718, 10, 0, 58
Ghost#C9CDD6201, 205, 2146, 4, 0, 16
Shark#1A1E2426, 30, 3628, 17, 0, 86
Royal Blue#2C6BEA44, 107, 23481, 54, 0, 8

Veto CSS & Tailwind Color Variables

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

:root {
/* Veto Valorant Palette */
--veto-valorant-shark: #2B2F36;
--veto-valorant-shuttle-gray: #58606B;
--veto-valorant-ghost: #C9CDD6;
--veto-valorant-shark: #1A1E24;
--veto-valorant-royal-blue: #2C6BEA;
}

Veto CSS Gradients

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

Click to Copy CSS
Shark to Shark#2B2F36 → #1A1E24
Click to Copy CSS
Ghost to Shark#C9CDD6 → #2B2F36

Veto Color Scheme Breakdown

Shark#2B2F36

Used across Veto’s primary tactical outerwear and armored panels, this deep charcoal reads as stealth-tech and seriousness, grounding the silhouette while emphasizing a disciplined, no-nonsense operator identity.

Shuttle Gray#58606B

Appearing on secondary fabric sections, straps, and utility components, this cool mid-grey supports the layered street-tech look, adding readable separation between armor and cloth without relying on highlights.

Ghost#C9CDD6

Seen on clean trims, inner lining touches, and select UI-like detailing on the outfit, this pale grey suggests engineered materials and high-grade construction, giving the character a crisp, modern finish.

Shark#1A1E24

Present in undersuit areas, gloves, and darker accessories, this near-black anchors contrast and communicates covert readiness, reinforcing the character’s serious, controlled vibe rather than flashy heroics.

Royal Blue#2C6BEA

Used as the signature accent in tech markings, energy motifs, and ability-adjacent elements, this saturated electric blue signals advanced tech and power, becoming the key visual cue for Veto’s presence.

Veto 60-30-10 Design Rule

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

60% Background
#C9CDD6
30% Primary
#1A1E24
10% Accent
#2B2F36

Use Ghost (#C9CDD6) for large background spaces, Shark (#1A1E24) for primary text and structural UI elements, and vibrant Shark (#2B2F36) exclusively for call-to-action buttons and important highlights.

Veto UI Component Preview

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

Veto

Tactical Operator

“We don’t gamble — we execute.”

Veto 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 Veto’s aesthetic.

  • Main LED: 43, 47, 54
  • Accent LED: 88, 96, 107

The Design Philosophy behind Veto’s Palette

The design philosophy behind Veto’s palette is clarity through functional restraint: heavy, muted neutrals read as tactical and serious, establishing the character’s disciplined presence, while a single saturated accent communicates tech-enabled abilities. Developers layered #2B2F36 (Shark) and #1A1E24 (Shark) to differentiate armor, undersuit, and accessories; mid-tone #58606B (Shuttle Gray) provides separation for fabrics and straps; and #C9CDD6 (Ghost) serves as a high-legibility trim for UI-like details. The bright #2C6BEA (Royal Blue) becomes the visual call-to-action for abilities—this balance of contrast, hierarchy, and readability is why the palette works so well for both narrative and interface contexts, and it’s a practical reference for anyone searching Veto color codes and HEX usage.

Best Veto Color Combinations

Tactical Core

Deep charcoal paired with near-black creates a stealthy, unified base ideal for silhouettes and grounded UI backgrounds.

Energy Accent

Saturated Royal Blue with pale Ghost trims highlights ability states while preserving legibility and modern tech aesthetics.

Download Veto Valorant Color Palette

ASE

Veto .ASE Swatches

For Adobe Swatches & Procreate

SVG

Veto .SVG Palette

Vector Color Palette

PNG

Veto .PNG Image

High-Quality Palette Preview

FAQs about Veto Valorant Color Codes

What is Veto’s signature accent color used for abilities and tech motifs?

Veto’s signature accent is Royal Blue, HEX #2C6BEA, used for energy motifs and ability-adjacent markings.

Which HEX code represents Veto’s primary tactical outerwear and armored panels?

The primary outerwear and armored panels use the deep charcoal HEX #2B2F36 (Shark).

What HEX is used for clean trims, inner lining touches, and high-contrast UI details?

Pale trims and engineered details use Ghost, HEX #C9CDD6, to provide crisp contrast against darker materials.

Copied