Fade VALORANT Color Codes, Palette & HEX Reference -

Fade is Valorant’s unsettling initiator whose visual design balances night-ops realism with supernatural dread. Her base charcoal Shark #1B1D23 anchors a stealthy silhouette, while smoky Old Lavender #7B5D78 and pale Bone #E6D7C6 create haunting accents that read clearly in UI mockups and HEX-based palettes. Designers searching for Fade color codes, VALORANT palette HEX references, or UI/UX color inspiration will find this concise guide useful for skin recolors, HUD mockups, and marketing assets—showing how precise HEX values translate into mood, contrast, and readability across in-game and promotional interfaces.

Shark

#1B1D23

Trout

#4A4F58

Old Lavender

#7B5D78

Casal

#2F6D6B

Bone

#E6D7C6

Fade Valorant Color Codes: HEX, RGB, CMYK

Color Name	HEX	RGB	CMYK
Shark	#1B1D23	27, 29, 35	23, 17, 0, 86
Trout	#4A4F58	74, 79, 88	16, 10, 0, 65
Old Lavender	#7B5D78	123, 93, 120	0, 24, 2, 52
Casal	#2F6D6B	47, 109, 107	57, 0, 2, 57
Bone	#E6D7C6	230, 215, 198	0, 7, 14, 10

Fade CSS & Tailwind Color Variables

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

:root {
/* Fade Valorant Palette */
--fade-valorant-shark: #1B1D23;
--fade-valorant-trout: #4A4F58;
--fade-valorant-old-lavender: #7B5D78;
--fade-valorant-casal: #2F6D6B;
--fade-valorant-bone: #E6D7C6;
}

Fade CSS Gradients

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

Click to Copy CSS

Shark to Casal#1B1D23 → #2F6D6B

Click to Copy CSS

Old Lavender to Shark#7B5D78 → #1B1D23

Fade Color Scheme Breakdown

Shark#1B1D23

This near-black charcoal dominates Fade’s tactical jacket and armored clothing panels, forming the stealthy base of her silhouette and reinforcing her role as a shadowy initiator who hunts through fear.

Trout#4A4F58

A cool gunmetal grey appears across secondary fabric sections, straps, and utility details, adding a hardened, industrial feel that supports her disciplined, methodical personality and night-ops aesthetic.

Old Lavender#7B5D78

This muted smoky purple shows up in accent trims and subtle outfit elements tied to her nightmare motif, bridging the mundane gear with the supernatural tone of her fear-based abilities.

Casal#2F6D6B

A desaturated teal emerges in select clothing accents and tech-like details, echoing the eerie, investigative vibe of Fade’s kit and hinting at her tracking, surveillance, and prowling control.

Bone#E6D7C6

This warm pale beige is most visible on Fade’s skin tone and small lighter fabric highlights, providing contrast against the dark outfit and making her facial features read clearly in-game.

Fade 60-30-10 Design Rule

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

60% Background
#E6D7C6

30% Primary
#4A4F58

10% Accent
#1B1D23

Use Bone (#E6D7C6) for large background spaces, Trout (#4A4F58) for primary text and structural UI elements, and vibrant Shark (#1B1D23) exclusively for call-to-action buttons and important highlights.

Fade UI Component Preview

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

Fade

Shadow Initiator

“Face your fear.”

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

Main LED: 27, 29, 35
Accent LED: 74, 79, 88

The Design Philosophy behind Fade’s Palette

Riot’s art team applies a restrained five-color system to embody Fade’s narrative and toolkit: near-black Shark (#1B1D23) conveys shadow and menace as a dominant field color; Trout (#4A4F58) supplies gunmetal utility for straps and secondary fabrics; Old Lavender (#7B5D78) introduces muted nightmare tones that suggest psychic influence; Casal (#2F6D6B) offers desaturated teal tech cues for tracking and surveillance; and Bone (#E6D7C6) provides warm contrast for skin and readable highlights. This combination preserves readability and hierarchy for in-game UI while reinforcing story—fear-driven initiation, methodical tracking, and nocturnal operations. For designers and developers seeking exact color codes or HEX palette matches, this set enables consistent theming: reserve Shark for large surfaces, Trout for structure, Lavender/Casal for affordances, and Bone for text and focal points to maintain accessible contrast.