Jett is Valorant’s swift, wind‑tuned duelist whose visual identity balances airy cyan highlights with sharp, tactical neutrals. Her signature Scooter cyan (#2EB6DE), deep Cello navy (#233A67) and clean White (#FFFFFF) create a readable, high‑energy silhouette that UI/UX designers can replicate using exact color codes. This Jett color codes and palette guide explains how those HEX values map to movement, VFX and HUD accents so you can apply her aesthetic to interfaces, mockups, and skin concepts with fidelity and intent.
Jett Valorant Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Scooter | #2EB6DE | 46, 182, 222 | 79, 18, 0, 13 | |
| Cello | #233A67 | 35, 58, 103 | 66, 44, 0, 60 | |
| White | #FFFFFF | 255, 255, 255 | 0, 0, 0, 0 | |
| Eerie Black | #1E1E1E | 30, 30, 30 | 0, 0, 0, 88 | |
| Mandy | #E24B4B | 226, 75, 75 | 0, 67, 67, 11 |
Jett CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Jett Valorant Palette */
--jett-valorant-scooter: #2EB6DE;
--jett-valorant-cello: #233A67;
--jett-valorant-white: #FFFFFF;
--jett-valorant-eerie-black: #1E1E1E;
--jett-valorant-mandy: #E24B4B;
}More Valorant Color Codes (Blue Palette)
Jett CSS Gradients
Beautiful gradient backgrounds inspired by Jett’s aesthetic. Click to copy the CSS code.
Jett Color Scheme Breakdown
Scooter#2EB6DE
This bright cyan-blue is most recognizable in Jett’s wind-like VFX accents and UI highlights, reinforcing her airy mobility, speed-first identity, and the crisp, energetic feel of her duelist playstyle.
Cello#233A67
A deep navy-blue commonly associated with Jett’s outfit panels and trim details, grounding her design with a cool, tactical tone while keeping the overall silhouette sleek, athletic, and disciplined.
White#FFFFFF
Clean white dominates Jett’s hair and key clothing areas, making her instantly readable on-screen and symbolizing clarity, lightness, and the sharp, minimalist aesthetic tied to her wind-themed movement.
Eerie Black#1E1E1E
Near-black appears in her undersuit, gloves, and darker fabric sections, adding contrast for readability and suggesting stealth, focus, and the serious, competitive edge behind her playful confidence.
Mandy#E24B4B
This vivid red is strongly linked to Jett’s chest emblem and small accent marks, providing a striking focal point that signals aggression, duelist intensity, and the dangerous precision of her kit.
Jett 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Jett’s palette for a perfectly balanced visual hierarchy.
Jett UI Component Preview
Here is a live example of how the Jett color palette looks when applied to a modern UI component.
Jett
Radiant Duelist
“Tailwind!”
Jett 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 Jett’s aesthetic.
- Main LED: 46, 182, 222
- Accent LED: 35, 58, 103
The Design Philosophy behind Jett’s Palette
The design philosophy behind Jett’s palette uses contrast and symbolism to communicate her kit and personality. Bright Scooter cyan (#2EB6DE) functions as a motion cue for wind VFX and interactive highlights, while Cello navy (#233A67) grounds the anatomy and readable panels. White (#FFFFFF) emphasizes speed and clarity on important surfaces, and Eerie Black (#1E1E1E) provides depth and legibility for overlays. A pocket of aggressive Mandy red (#E24B4B) works as a focal accent to signal danger or interaction. Together these HEX color codes form a cohesive system: high‑visibility accents, stable base tones, and stark neutrals that translate across HUDs, icons, and character art for consistent brand language.
Best Jett Color Combinations
Wind & Depth
Scooter cyan with Cello navy pairs energetic highlights with a grounded base for clear hierarchy and readable UI elements.
Signal & Ground
Mandy red against Eerie Black creates a high‑impact alert or emblem treatment that reads instantly on dark backgrounds.
Explore More Valorant Character Color Codes
Download Jett Valorant Color Palette
Jett .ASE Swatches
For Adobe Swatches & Procreate
Jett .SVG Palette
Vector Color Palette
Jett .PNG Image
High-Quality Palette Preview
FAQs about Jett Valorant Color Codes
What is the HEX for Jett’s hair color?
Jett’s hair is clean white: #FFFFFF.
What are the main outfit/base colors in Jett’s palette?
The outfit and trim rely on deep navy and near‑black for form: #233A67 (Cello) and #1E1E1E (Eerie Black).
Which HEX codes are used for Jett’s VFX accents and emblem highlights?
VFX and UI accents use Scooter cyan #2EB6DE, with small emblem and danger accents in Mandy red #E24B4B.
