Miks (Valorant) Color Codes, Palette & HEX Guide — UI/UX Reference

Miks (Valorant) Color Codes, Palette & HEX Guide — UI/UX Reference

Miks is a precision-driven Valorant operator whose visual identity balances battlefield utility with futuristic tech. The core palette anchors on Shark #2B2F36 and Woodsmoke #0F1115 for a stealthy, combat-ready silhouette, while Azure Radiance #00A8FF serves as the signature ability glow and UI accent. For designers searching Miks color codes, the mix of deep graphite, near-black, and electric cyan creates a readable, high-contrast system ideal for HUD elements, weapon skins, and promotional art. This HEX-focused palette is practical for UI/UX work and brand-consistent implementations.

Shark
#2B2F36
Shuttle Gray
#5B616B
Woodsmoke
#0F1115
Mischka
#D7DBE2
Azure Radiance
#00A8FF

Miks Valorant Color Codes: HEX, RGB, CMYK

PreviewColor NameHEXRGBCMYK
Shark#2B2F3643, 47, 5420, 13, 0, 79
Shuttle Gray#5B616B91, 97, 10715, 9, 0, 58
Woodsmoke#0F111515, 17, 2129, 19, 0, 92
Mischka#D7DBE2215, 219, 2265, 3, 0, 11
Azure Radiance#00A8FF0, 168, 255100, 34, 0, 0

Miks CSS & Tailwind Color Variables

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

:root {
/* Miks Valorant Palette */
--miks-valorant-shark: #2B2F36;
--miks-valorant-shuttle-gray: #5B616B;
--miks-valorant-woodsmoke: #0F1115;
--miks-valorant-mischka: #D7DBE2;
--miks-valorant-azure-radiance: #00A8FF;
}

Miks CSS Gradients

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

Click to Copy CSS
Shark to Mischka#2B2F36 → #D7DBE2
Click to Copy CSS
Woodsmoke to Shark#0F1115 → #2B2F36

Miks Color Scheme Breakdown

Shark#2B2F36

This deep graphite grey shows up across Miks’ main outerwear panels and tactical gear, grounding the silhouette with a stealthy, utilitarian feel that reads modern, serious, and combat-ready.

Shuttle Gray#5B616B

A cool mid-grey appears on secondary fabric sections and armor-like trims, adding separation between dark layers and bright accents while reinforcing a clean, industrial, tech-oriented character identity.

Woodsmoke#0F1115

Near-black is used for straps, undersuit details, gloves, and equipment edges, providing hard contrast and visual weight that makes the character’s form feel sharper, tighter, and more tactical.

Mischka#D7DBE2

A pale silver-grey surfaces on highlight trims, small hardware parts, and select accessory elements, suggesting engineered materials and precision while keeping the overall palette grounded and minimalistic.

Azure Radiance#00A8FF

A saturated electric cyan-blue appears in ability-like glow accents and UI-style markings on gear, acting as the signature tech-energy color that signals power, speed, and futuristic capability.

Miks 60-30-10 Design Rule

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

60% Background
#D7DBE2
30% Primary
#0F1115
10% Accent
#2B2F36

Use Mischka (#D7DBE2) for large background spaces, Woodsmoke (#0F1115) for primary text and structural UI elements, and vibrant Shark (#2B2F36) exclusively for call-to-action buttons and important highlights.

Miks UI Component Preview

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

Miks

Tactical Recon

“Systems locked — move like a shadow.”

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

  • Main LED: 43, 47, 54
  • Accent LED: 91, 97, 107

The Design Philosophy behind Miks’s Palette

The design philosophy behind Miks uses muted tactical neutrals to convey discipline and function, punctuated by a single saturated cyan to signal tech energy and ability states. Shark (#2B2F36) and Woodsmoke (#0F1115) form a layered foundation that reads stealthy and combat-ready, while Shuttle Gray (#5B616B) provides mid-tone separation for form and readability. Mischka (#D7DBE2) supplies engineered highlights and hardware cues, and Azure Radiance (#00A8FF) operates as the attention-driving accent for ability glows and UI prompts. This approach succeeds because it ties narrative (stealth, tech, precision) to practical UX goals—clear contrast, accessible HEX pairings, and consistent affordances across in-game HUD and marketing assets.

Best Miks Color Combinations

Stealth Base

Shark and Woodsmoke create a dense, tactical foundation that reinforces silhouette clarity and strong negative space for overlays.

Tech Signal

Azure Radiance paired with Mischka delivers a high-visibility accent on pale engineered surfaces, ideal for ability indicators and interactive UI elements.

Download Miks Valorant Color Palette

ASE

Miks .ASE Swatches

For Adobe Swatches & Procreate

SVG

Miks .SVG Palette

Vector Color Palette

PNG

Miks .PNG Image

High-Quality Palette Preview

FAQs about Miks Valorant Color Codes

What is the color of Miks’ ability glow?

Miks’ ability glow and UI accents use Azure Radiance — #00A8FF.

Which HEX defines Miks’ main outfit color?

The primary outfit tone is Shark — #2B2F36, grounding the design in a stealthy graphite gray.

What are the secondary or trim colors used for hardware and highlights?

Secondary trims use Shuttle Gray #5B616B and highlight hardware often appears as Mischka #D7DBE2 for engineered contrast.

Copied