• Home
  • /
  • Gaming
  • /
  • Valorant
  • /
  • Waylay (Valorant) Color Codes, Palette & HEX — Waylay Color Codes Guide

Waylay (Valorant) Color Codes, Palette & HEX — Waylay Color Codes Guide

Waylay (Valorant) Color Codes, Palette & HEX — Waylay Color Codes Guide

Waylay in Valorant is defined by a sleek, tactical aesthetic that blends neon signal cues with shadowed utility. Her core tone Royal Purple (#6B3FA0) shapes the silhouette, while Robins Egg Blue (#19D3C5) reads like energized telemetry and Magenta (#F36AA6) drops playful, high-contrast details. For designers and fans searching for Waylay color codes, this palette balances stealth and tech-readability — perfect for UI skins, ability FX, and concept art where HEX precision matters when implementing her visual identity.

Royal Purple
#6B3FA0
Mirage
#1A1F2B
Robins Egg Blue
#19D3C5
Athens Gray
#F2F2F4
Magenta
#F36AA6

Waylay Valorant Color Codes: HEX, RGB, CMYK

PreviewColor NameHEXRGBCMYK
Royal Purple#6B3FA0107, 63, 16033, 61, 0, 37
Mirage#1A1F2B26, 31, 4340, 28, 0, 83
Robins Egg Blue#19D3C525, 211, 19788, 0, 7, 17
Athens Gray#F2F2F4242, 242, 2441, 1, 0, 4
Magenta#F36AA6243, 106, 1660, 56, 32, 5

Waylay CSS & Tailwind Color Variables

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

:root {
/* Waylay Valorant Palette */
--waylay-valorant-royal-purple: #6B3FA0;
--waylay-valorant-mirage: #1A1F2B;
--waylay-valorant-robins-egg-blue: #19D3C5;
--waylay-valorant-athens-gray: #F2F2F4;
--waylay-valorant-magenta: #F36AA6;
}

Waylay CSS Gradients

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

Click to Copy CSS
Royal Purple to Athens Gray#6B3FA0 → #F2F2F4
Click to Copy CSS
Robins Egg Blue to Royal Purple#19D3C5 → #6B3FA0

Waylay Color Scheme Breakdown

Royal Purple#6B3FA0

A saturated violet seen across Waylay’s primary jacket and suit accents, anchoring her silhouette; it communicates sleek mystique and high-tech agility consistent with Valorant’s stylish, neon-forward agent designs.

Mirage#1A1F2B

A near-black navy used on inner layers, straps, and structural clothing panels, acting as the grounding neutral; it reinforces a tactical, stealth-ready feel while making brighter trims pop clearly.

Robins Egg Blue#19D3C5

A bright teal-cyan appearing in energized trims and ability-like graphic elements, suggesting speed and mobility; it reads as a luminous tech signal that contrasts strongly against her darker base fabrics.

Athens Gray#F2F2F4

A clean off-white used for small armor-like pieces, logos, and sharp highlights on clothing; it adds crisp readability and a premium finish, balancing the darker outfit and vivid neon accents.

Magenta#F36AA6

A punchy magenta-pink reserved for secondary accents and small details that add personality; it injects pop-culture flair and youthful confidence, complementing the purple core and teal energy cues.

Waylay 60-30-10 Design Rule

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

60% Background
#F2F2F4
30% Primary
#1A1F2B
10% Accent
#6B3FA0

Use Athens Gray (#F2F2F4) for large background spaces, Mirage (#1A1F2B) for primary text and structural UI elements, and vibrant Royal Purple (#6B3FA0) exclusively for call-to-action buttons and important highlights.

Waylay UI Component Preview

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

Waylay

Stealth Initiator

“You’re not slipping away that easily.”

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

  • Main LED: 107, 63, 160
  • Accent LED: 26, 31, 43

The Design Philosophy behind Waylay’s Palette

The design philosophy behind Waylay’s palette uses contrast and role-readability to communicate both narrative and gameplay. A deep neutral like Mirage (#1A1F2B) grounds clothing and structural panels for tactical realism, while Royal Purple (#6B3FA0) defines her signature silhouette and personality; it reads as sleek, mysterious, and distinct among agents. Robins Egg Blue (#19D3C5) functions as a luminous signal for movement and abilities, improving UX legibility in fast-paced contexts, and Athens Gray (#F2F2F4) provides crisp highlights for icons and logos. Magenta (#F36AA6) supplies youthful accents that punctuate attention hierarchy. Together, these color codes create a hierarchy that supports both storytelling and practical UI considerations for designers searching for precise HEX values and palette pairings.

Best Waylay Color Combinations

Tech Pulse

Robins Egg Blue against Royal Purple creates a high-energy tech contrast ideal for ability FX and HUD highlights.

Stealth Ground

Mirage paired with Athens Gray delivers readable, low-key interfaces and muted panels that preserve visual focus.

Download Waylay Valorant Color Palette

ASE

Waylay .ASE Swatches

For Adobe Swatches & Procreate

SVG

Waylay .SVG Palette

Vector Color Palette

PNG

Waylay .PNG Image

High-Quality Palette Preview

FAQs about Waylay Valorant Color Codes

What is the primary jacket color for Waylay?

Waylay’s primary jacket and suit accents are Royal Purple — HEX #6B3FA0.

What is the overall base or neutral color used in her outfit?

The grounding neutral used across inner layers and straps is Mirage — HEX #1A1F2B.

Which color is used for ability glows and energized trims?

Energized trims and ability-like graphics use Robins Egg Blue — HEX #19D3C5 (with Magenta #F36AA6 as secondary pop).

Copied