Razor (Genshin Impact) Color Codes & HEX Palette — Character Color Codes for UI/UX

Razor (Genshin Impact) Color Codes & HEX Palette — Character Color Codes for UI/UX

Razor’s visual identity blends feral simplicity with elemental fury: his hair and fur sit in muted silver-grey Silk #B9B2A8, the outfit anchors in deep charcoal Shark #2B2C30, and his electro energy flares in signature Eminence #6B3A86. For designers seeking precise color codes and HEX references, Razor’s palette is a case study in balancing natural textures and supernatural accents. This HEX palette is ideal for UI/UX projects that need rugged, readable neutrals contrasted by vibrant action accents and clear color codes for consistent branding.

Silk
#B9B2A8
Shark
#2B2C30
Old Copper
#7A4A2F
Eminence
#6B3A86
Mojo
#C64A3E

Razor Genshin Impact Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Silk #B9B2A8 185, 178, 168 0, 4, 9, 27
Shark #2B2C30 43, 44, 48 10, 8, 0, 81
Old Copper #7A4A2F 122, 74, 47 0, 39, 61, 52
Eminence #6B3A86 107, 58, 134 20, 57, 0, 47
Mojo #C64A3E 198, 74, 62 0, 63, 69, 22

Razor CSS & Tailwind Color Variables

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

:root {
/* Razor Genshin Impact Palette */
--razor-genshin-impact-silk: #B9B2A8;
--razor-genshin-impact-shark: #2B2C30;
--razor-genshin-impact-old-copper: #7A4A2F;
--razor-genshin-impact-eminence: #6B3A86;
--razor-genshin-impact-mojo: #C64A3E;
}

Razor CSS Gradients

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

Click to Copy CSS
Silk to Eminence#B9B2A8 → #6B3A86
Click to Copy CSS
Old Copper to Silk#7A4A2F → #B9B2A8

Razor Color Scheme Breakdown

Silk#B9B2A8

This muted silver-grey appears as Razor’s primary hair and fur tone, defining his wolf-child silhouette and conveying a feral, moonlit wilderness identity rather than refined city elegance.

Shark#2B2C30

A deep charcoal-black dominates his sleeveless outfit, gloves, and straps, grounding the design with rugged practicality and emphasizing his survivalist, forest-raised character and stealthy hunter vibe.

Old Copper#7A4A2F

Warm leather brown shows on belts, bracers, boots, and harness details, suggesting handmade scavenged gear and reinforcing Razor’s outdoorsy, utilitarian aesthetic and reliance on simple durable materials.

Eminence#6B3A86

This signature electro purple is present in his Vision glow, claw-like energy accents, and burst effects, symbolizing his elemental power and the supernatural wolf-stand aura that manifests in combat.

Mojo#C64A3E

A bold crimson-red is used in key fabric accents and emblem-like details, adding aggressive contrast to the greys and blacks and echoing Razor’s raw intensity and predatory, primal fighting spirit.

Razor 60-30-10 Design Rule

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

60% Background
#C64A3E
30% Primary
#2B2C30
10% Accent
#B9B2A8

Use Mojo (#C64A3E) for large background spaces, Shark (#2B2C30) for primary text and structural UI elements, and vibrant Silk (#B9B2A8) exclusively for call-to-action buttons and important highlights.

Razor UI Component Preview

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

Razor

Feral Electro DPS

“I was raised by wolves.”

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

  • Main LED: 185, 178, 168
  • Accent LED: 43, 44, 48

The Design Philosophy behind Razor’s Palette

The design philosophy behind Razor’s palette uses restrained neutrals to communicate his wilderness upbringing while reserving saturated accents for story and ability readouts. Silk (#B9B2A8) evokes moonlit fur and a raw, almost untamed silhouette; Shark (#2B2C30) provides a utilitarian base with high legibility for straps and armor; Old Copper (#7A4A2F) introduces handcrafted leather warmth. Eminence (#6B3A86) functions as a narrative accent — the Vision’s electro glow — giving motion and focus during combat, while Mojo (#C64A3E) punctuates danger and intensity. This controlled HEX palette makes the character instantly readable and highly adaptable for UI color codes and palette systems used in game overlays and promotional art.

Best Razor Color Combinations

Moonlit Contrast

Silk #B9B2A8 paired with Shark #2B2C30 creates a high-contrast neutral base ideal for readable UI backgrounds and foreground elements.

Predator Accent

Eminence #6B3A86 combined with Mojo #C64A3E delivers vibrant, attention-grabbing accents perfect for ability highlights and call-to-action states.

Download Razor Genshin Impact Color Palette

ASE

Razor .ASE Swatches

For Adobe Swatches & Procreate

SVG

Razor .SVG Palette

Vector Color Palette

PNG

Razor .PNG Image

High-Quality Palette Preview

FAQs about Razor Genshin Impact Color Codes

What is Razor’s hair and fur color?

Razor’s hair and fur are a muted silver-grey labeled Silk — HEX #B9B2A8.

What is the primary color of Razor’s outfit?

The primary outfit color is a deep charcoal called Shark — HEX #2B2C30.

Which colors are used as accents for his Vision and gear details?

His Vision and energy use Eminence — HEX #6B3A86; crimson accents use Mojo — HEX #C64A3E, with leather details in Old Copper — HEX #7A4A2F.

Copied