Yoru is Valorant’s enigmatic duelist whose stealthy, streetwear-rooted aesthetic is defined by a tight, high-contrast palette. Designers and fans searching for Yoru color codes will notice the deep electric navy of Jacksons Purple (#1E3A8A), the neon pop of Azure Radiance (#00A3FF), and the punctuating warmth of Saffron (#F5C542) working together to communicate speed, tech, and swagger. This HEX palette balances covert darkness with bright rift-energy accents, making it ideal for UI highlights, ability FX, and branded assets that need a futuristic, urban edge.
Yoru Valorant Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Jacksons Purple | #1E3A8A | 30, 58, 138 | 78, 58, 0, 46 | |
| Azure Radiance | #00A3FF | 0, 163, 255 | 100, 36, 0, 0 | |
| Ebony | #111827 | 17, 24, 39 | 56, 38, 0, 85 | |
| Heather | #B7C0CC | 183, 192, 204 | 10, 6, 0, 20 | |
| Saffron | #F5C542 | 245, 197, 66 | 0, 20, 73, 4 |
Yoru CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Yoru Valorant Palette */
--yoru-valorant-jacksons-purple: #1E3A8A;
--yoru-valorant-azure-radiance: #00A3FF;
--yoru-valorant-ebony: #111827;
--yoru-valorant-heather: #B7C0CC;
--yoru-valorant-saffron: #F5C542;
}More Valorant Color Codes (Blue Palette)
Yoru CSS Gradients
Beautiful gradient backgrounds inspired by Yoru’s aesthetic. Click to copy the CSS code.
Yoru Color Scheme Breakdown
Jacksons Purple#1E3A8A
A deep electric-navy blue seen across Yoru’s main jacket and outfit panels, forming his core silhouette and communicating a cool, confident, stealth-forward duelist identity rooted in Japanese streetwear.
Azure Radiance#00A3FF
A bright neon cyan-blue used in Yoru’s Rift-themed ability effects and glowing accents, highlighting his dimensional “tear” technology and giving his gameplay visuals a sharp, futuristic pop.
Ebony#111827
A near-black charcoal used for inner layers, straps, and undersuit areas, grounding the palette, increasing contrast against the blues, and reinforcing his covert, aggressive, nighttime-operatives vibe.
Heather#B7C0CC
A cool light grey appearing on metallic trims, utility details, and subtle armor-like pieces, suggesting tech hardware and practical gear while balancing the intense blues with a clean, industrial neutrality.
Saffron#F5C542
A saturated warm gold-yellow used for signature accent elements and small graphic details, acting as a high-visibility highlight that punctuates his design and evokes bold street-fashion energy.
Yoru 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Yoru’s palette for a perfectly balanced visual hierarchy.
Yoru UI Component Preview
Here is a live example of how the Yoru color palette looks when applied to a modern UI component.
Yoru
Dimensional Duelist
“They won’t hear me coming.”
Yoru 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 Yoru’s aesthetic.
- Main LED: 30, 58, 138
- Accent LED: 0, 163, 255
The Design Philosophy behind Yoru’s Palette
The design philosophy behind Yoru’s colors uses contrast and narrative-driven accents to reflect his lore and playstyle. Core tones like Jacksons Purple (#1E3A8A) and near-black Ebony (#111827) form a stealth-first canvas, while Azure Radiance (#00A3FF) reads as dimensional tech—his rift effects—providing readable, high-energy signals in gameplay. Heather (#B7C0CC) supplies neutral, industrial trims for hardware and UI panels, and Saffron (#F5C542) acts as a selective high-visibility accent for focal points. For UI/UX designers searching for Yoru HEX codes, this curated palette ensures hierarchy, legibility, and a cohesive identity that mirrors both character and mechanics.
Best Yoru Color Combinations
Rift Contrast
Deep Jacksons Purple paired with neon Azure Radiance creates a strong foreground/background contrast ideal for ability FX and interactive highlights.
Stealth Accent
Near-black Ebony with Saffron accent provides a covert base with a bold call-to-action color for UI badges and important indicators.
Explore More Valorant Character Color Codes
Download Yoru Valorant Color Palette
Yoru .ASE Swatches
For Adobe Swatches & Procreate
Yoru .SVG Palette
Vector Color Palette
Yoru .PNG Image
High-Quality Palette Preview
FAQs about Yoru Valorant Color Codes
What is the main color used on Yoru’s jacket or outfit silhouette?
The primary jacket tone is Jacksons Purple — HEX #1E3A8A.
Which colors define Yoru’s overall palette for UI or themed graphics?
Yoru’s palette centers on Jacksons Purple #1E3A8A and Ebony #111827, balanced with Heather #B7C0CC for trims.
What color is used for Yoru’s ability rift glow and small accent details?
The rift glow and neon accents use Azure Radiance #00A3FF, with Saffron #F5C542 for high-visibility highlights.
