Vyse is a disciplined, tactical agent whose visual identity leans on cool, industrial neutrals to convey control and professionalism. The core silhouette reads as near-black with #2B2E36 (Shark) across primary panels, balanced by mid-tone structure in #5C616C (Shuttle Gray) and crisp highlights like #AEB4BE (Aluminium). For designers and UI/UX creators searching for Vyse Valorant color codes or a usable HEX palette, this breakdown provides precise color references and practical notes to reproduce the character’s restrained, combat-ready aesthetic in digital art or interface mockups.
Vyse Valorant Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Shark | #2B2E36 | 43, 46, 54 | 20, 15, 0, 79 | |
| Shuttle Gray | #5C616C | 92, 97, 108 | 15, 10, 0, 58 | |
| Aluminium | #AEB4BE | 174, 180, 190 | 8, 5, 0, 25 | |
| Mako | #3C3F46 | 60, 63, 70 | 14, 10, 0, 73 | |
| Raven | #7B808A | 123, 128, 138 | 11, 7, 0, 46 |
Vyse CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Vyse Valorant Palette */
--vyse-valorant-shark: #2B2E36;
--vyse-valorant-shuttle-gray: #5C616C;
--vyse-valorant-aluminium: #AEB4BE;
--vyse-valorant-mako: #3C3F46;
--vyse-valorant-raven: #7B808A;
}More Valorant Color Codes (Grey Palette)
Vyse CSS Gradients
Beautiful gradient backgrounds inspired by Vyse’s aesthetic. Click to copy the CSS code.
Vyse Color Scheme Breakdown
Shark#2B2E36
Used as the primary near-black charcoal across Vyse’s main outfit panels and armored sections, giving a tactical, stealth-forward silhouette that reads serious, controlled, and combat-ready in Valorant’s style.
Shuttle Gray#5C616C
Appears as mid-tone graphite on secondary clothing pieces and structured fabric/armor breaks, helping define form and layering while reinforcing a cool, industrial, utilitarian identity for the character.
Aluminium#AEB4BE
Shows up as light steel-grey accents on trims and select hard-surface details, adding crisp contrast to darker materials and communicating clean tech, precision craftsmanship, and modern tactical refinement.
Mako#3C3F46
Common in deep gunmetal elements like straps, reinforced seams, and equipment components, tying costume and gear together with a rugged, durable feel that supports the agent’s disciplined visual language.
Raven#7B808A
Used for neutral grey highlights on smaller accessories and segmented costume parts, balancing the palette and improving readability while keeping the overall mood restrained, cool, and professional.
Vyse 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Vyse’s palette for a perfectly balanced visual hierarchy.
Vyse UI Component Preview
Here is a live example of how the Vyse color palette looks when applied to a modern UI component.
Vyse
Tactical Sentinel
“Stay silent. Strike hard.”
Vyse 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 Vyse’s aesthetic.
- Main LED: 43, 46, 54
- Accent LED: 92, 97, 108
The Design Philosophy behind Vyse’s Palette
The design philosophy behind Vyse uses a narrow neutral spectrum to emphasize function over flourish: deep gunmetal and charcoal provide visual weight while lighter steel greys articulate edges and tech details. By relying on #2B2E36 (Shark) and #3C3F46 (Mako) for mass and structure, the palette supports a stealthy, tactical narrative; mid-tones like #5C616C (Shuttle Gray) create material separation and legibility, and #AEB4BE (Aluminium) or #7B808A (Raven) deliver subtle highlights that read as hard-surface trims. This careful HEX-driven balance makes the character instantly readable in gameplay and serves as a practical reference for UI/UX designers seeking consistent color codes and palette hierarchy.
Best Vyse Color Combinations
Stealth Core
A high-contrast pairing where deep Shark (#2B2E36) anchors forms and Aluminium (#AEB4BE) provides crisp edge accents for readable UI elements.
Industrial Layering
Mako (#3C3F46) and Shuttle Gray (#5C616C) create a cohesive mid-tone system ideal for layered panels, secondary components, and subtle depth in graphics.
Explore More Valorant Character Color Codes
Download Vyse Valorant Color Palette
Vyse .ASE Swatches
For Adobe Swatches & Procreate
Vyse .SVG Palette
Vector Color Palette
Vyse .PNG Image
High-Quality Palette Preview
FAQs about Vyse Valorant Color Codes
What is the main outfit color of Vyse?
Vyse’s primary outfit color is Shark, HEX #2B2E36.
Which color defines Vyse’s overall uniform tone?
The uniform’s overall tone is governed by mid-tone graphite Shuttle Gray, HEX #5C616C, used across secondary clothing pieces.
What color is used for trims or highlights on Vyse’s gear?
Trims and select hard-surface highlights use Aluminium, HEX #AEB4BE, for crisp contrast against darker materials.