Iso (Valorant) Color Codes, Palette & HEXs for UI/UX Designers

Iso (Valorant) Color Codes, Palette & HEXs for UI/UX Designers

Iso is a cold, calculated operator whose visual identity balances stealth and high-tech energy. His core outfits sit in near-black navy like #1B1F2A (Mirage), layered with slate structural tones such as #2F3A59 (Pickled Bluewood), while ability flares and UI accents pop in #1E5AAE (Fun Blue) and electric highlights like #4FB6FF (Blueberry). For designers hunting Iso color codes and HEX references, this palette reads as a concise study in contrast: muted, tactical fabrics supporting crisp cyan energy, perfect for game UI, marketing assets, and skin mockups that need a modern, precision-driven look.

Mirage
#1B1F2A
Pickled Bluewood
#2F3A59
Fun Blue
#1E5AAE
Blueberry
#4FB6FF
Catskill White
#E6E9F2

Iso Valorant Color Codes: HEX, RGB, CMYK

PreviewColor NameHEXRGBCMYK
Mirage#1B1F2A27, 31, 4236, 26, 0, 84
Pickled Bluewood#2F3A5947, 58, 8947, 35, 0, 65
Fun Blue#1E5AAE30, 90, 17483, 48, 0, 32
Blueberry#4FB6FF79, 182, 25569, 29, 0, 0
Catskill White#E6E9F2230, 233, 2425, 4, 0, 5

Iso CSS & Tailwind Color Variables

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

:root {
/* Iso Valorant Palette */
--iso-valorant-mirage: #1B1F2A;
--iso-valorant-pickled-bluewood: #2F3A59;
--iso-valorant-fun-blue: #1E5AAE;
--iso-valorant-blueberry: #4FB6FF;
--iso-valorant-catskill-white: #E6E9F2;
}

Iso CSS Gradients

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

Click to Copy CSS
Mirage to Blueberry#1B1F2A → #4FB6FF
Click to Copy CSS
Fun Blue to Mirage#1E5AAE → #1B1F2A

Iso Color Scheme Breakdown

Mirage#1B1F2A

This deep near-black navy appears across Iso’s tactical jacket and inner clothing panels, grounding his silhouette with stealthy, professional assassin energy and emphasizing his calm, controlled demeanor.

Pickled Bluewood#2F3A59

A muted slate-blue shows up on Iso’s outer coat sections and structured fabric trims, reinforcing his urban-tech styling while keeping the character’s overall look disciplined, sleek, and composed.

Fun Blue#1E5AAE

This saturated cobalt-blue is most associated with Iso’s ability visuals and glowing tech accents, signaling high-tech precision, shielded confidence, and the sharp, kinetic rhythm of his kit.

Blueberry#4FB6FF

A bright electric cyan-blue appears in the strongest energy highlights of Iso’s skills and UI-like lighting accents, communicating speed, impact, and the crisp, digital edge of his power.

Catskill White#E6E9F2

This cool off-white is seen in select shirt or lining areas and small graphic details, providing clean contrast against dark blues while expressing modern minimalism and a polished, premium agent design.

Iso 60-30-10 Design Rule

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

60% Background
#E6E9F2
30% Primary
#2F3A59
10% Accent
#1B1F2A

Use Catskill White (#E6E9F2) for large background spaces, Pickled Bluewood (#2F3A59) for primary text and structural UI elements, and vibrant Mirage (#1B1F2A) exclusively for call-to-action buttons and important highlights.

Iso UI Component Preview

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

Iso

Tactical Sentinel

“I move like a shadow, strike with precise pulse.”

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

  • Main LED: 27, 31, 42
  • Accent LED: 47, 58, 89

The Design Philosophy behind Iso’s Palette

The design philosophy behind Iso’s palette is deliberate utility layered with digital bravado. Developers use deep anchors (#1B1F2A Mirage and #2F3A59 Pickled Bluewood) to communicate stealth, discipline, and an urban silhouette, while saturated tech blues (#1E5AAE Fun Blue and #4FB6FF Blueberry) signify active ability surfaces, shields, and UI telemetry. Cool neutrals like #E6E9F2 Catskill White provide readable contrast for insignia and in-game text. This balance lets players instantly parse friend vs. threat and ability state, and it translates well for UI/UX work where readable color codes and consistent HEX choices drive clarity, hierarchy, and the storytelling of a tactical, tech-forward agent.

Best Iso Color Combinations

Stealth Base

Deep navy paired with muted slate creates a low-contrast, tactical foundation ideal for background panels and character silhouettes.

Energy Accent

Saturated cobalt and electric cyan form a high-impact duo for ability effects, call-to-action buttons, and UI highlights.

Download Iso Valorant Color Palette

ASE

Iso .ASE Swatches

For Adobe Swatches & Procreate

SVG

Iso .SVG Palette

Vector Color Palette

PNG

Iso .PNG Image

High-Quality Palette Preview

FAQs about Iso Valorant Color Codes

What is the main color of Iso’s ability visuals?

Iso’s ability visuals primarily use a saturated cobalt blue: #1E5AAE.

What is the primary outfit color for Iso’s coat and inner layers?

The primary coat and inner clothing use a near-black navy: #1B1F2A (Mirage), supported by #2F3A59 (Pickled Bluewood).

Which color is used for Iso’s bright energy highlights and UI lighting?

Bright energy highlights and UI-like lighting use electric cyan: #4FB6FF (Blueberry), often balanced with #E6E9F2 (Catskill White) for contrast.

Explore More Blue Palettes Across Universes

Copied