Lynx Honkai Star Rail Color Codes Palette & HEX Guide

Lynx Honkai Star Rail Color Codes Palette & HEX Guide

Lynx from Honkai Star Rail blends mystery and precision through a carefully tuned palette that reads both on-screen and in promotional art. Her primary Electric Violet #6A3BFF anchors the silhouette, balanced by deep Valhalla #2E1A48 and energized with Turquoise #2AD3C9 accents for eye glow and sigils. This color codes-focused overview supplies exact HEX values and practical palette guidance for UI/UX designers, illustrators, and asset creators looking to reproduce Lynx’s look consistently across game HUDs, web pages, and style guides.

Electric Violet
#6A3BFF
Valhalla
#2E1A48
Turquoise
#2AD3C9
Casablanca
#F7C948
Catskill White
#F5F7FA

Lynx Honkai Star Rail Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Electric Violet #6A3BFF 106, 59, 255 58, 77, 0, 0
Valhalla #2E1A48 46, 26, 72 36, 64, 0, 72
Turquoise #2AD3C9 42, 211, 201 80, 0, 5, 17
Casablanca #F7C948 247, 201, 72 0, 19, 71, 3
Catskill White #F5F7FA 245, 247, 250 2, 1, 0, 2

Lynx CSS & Tailwind Color Variables

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

:root {
/* Lynx Honkai Star Rail Palette */
--lynx-honkai-star-rail-electric-violet: #6A3BFF;
--lynx-honkai-star-rail-valhalla: #2E1A48;
--lynx-honkai-star-rail-turquoise: #2AD3C9;
--lynx-honkai-star-rail-casablanca: #F7C948;
--lynx-honkai-star-rail-catskill-white: #F5F7FA;
}

Lynx CSS Gradients

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

Click to Copy CSS
Electric Violet to Casablanca#6A3BFF → #F7C948
Click to Copy CSS
Turquoise to Electric Violet#2AD3C9 → #6A3BFF

Lynx Color Scheme Breakdown

Electric Violet#6A3BFF

A vibrant violet used on Lynx’s primary coat and large costume panels, visually establishing mystical and agile persona while reinforcing her connection to void/psychic motifs and serving as the character’s most recognizable base hue.

Valhalla#2E1A48

A deep plum used for Lynx’s secondary panels, heavy coat linings, boots and parts of her weapon frame, providing depth and silhouette definition while complementing the brighter violet to emphasize form and mystery.

Turquoise#2AD3C9

A cyan-teal accent found in Lynx’s eye glow, energy sigils and small costume strips, signaling technological or ethereal power, creating high-contrast highlights that read clearly in-game and during skill animations.

Casablanca#F7C948

A warm gold used on buckles, emblems and ornamental trims to punctuate her silhouette, convey a sense of rank and craftsmanship, and offer striking contrast against the dominant purples and teals.

Catskill White#F5F7FA

An off-white cream appearing on inner linings, fur collars and small fabric panels, softening the palette while increasing visual legibility of darker elements and helping silhouette read at small in-game sizes.

Lynx 60-30-10 Design Rule

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

60% Background
#F5F7FA
30% Primary
#2E1A48
10% Accent
#6A3BFF

Use Catskill White (#F5F7FA) for large background spaces, Valhalla (#2E1A48) for primary text and structural UI elements, and vibrant Electric Violet (#6A3BFF) exclusively for call-to-action buttons and important highlights.

Lynx UI Component Preview

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

Lynx

Void Shadow Duelist

“Silent as the void, swift as a strike.”

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

  • Main LED: 106, 59, 255
  • Accent LED: 46, 26, 72

The Design Philosophy behind Lynx’s Palette

The design philosophy behind Lynx’s palette uses high-contrast hierarchy and narrative signaling: Electric Violet (#6A3BFF) establishes her supernatural core, while Valhalla (#2E1A48) gives weight and silhouette definition for readable forms at small sizes. Turquoise (#2AD3C9) functions as a luminous accent to imply tech-ether abilities, and Casablanca (#F7C948) adds metallic punctuation for rank and detail. Catskill White (#F5F7FA) softens interiors and improves legibility. For UI/UX and brand work, providing exact HEX color codes and contrast pairings ensures consistent rendering across devices and preserves the character’s story-driven visual cues.

Best Lynx Color Combinations

Mystic Silhouette

Electric Violet with Valhalla creates a strong primary/secondary contrast that preserves silhouette clarity and a moody, mystical tone.

Sigil Pop Accent

Turquoise paired with Casablanca provides bright, readable highlights ideal for energy effects and ornamental trims in UI and animations.

Download Lynx Honkai Star Rail Color Palette

ASE

Lynx .ASE Swatches

For Adobe Swatches & Procreate

SVG

Lynx .SVG Palette

Vector Color Palette

PNG

Lynx .PNG Image

High-Quality Palette Preview

FAQs about Lynx Honkai Star Rail Color Codes

What is the primary coat color for Lynx?

Lynx’s primary coat color is Electric Violet — #6A3BFF.

Which colors define the main outfit and shadow panels?

The main outfit uses Electric Violet #6A3BFF as the base with deep Valhalla #2E1A48 for secondary panels and linings.

What are the accent colors used for eye glow and trims?

Accent details use Turquoise #2AD3C9 for eye glow and energy sigils, with Casablanca #F7C948 for metallic trims and Catskill White #F5F7FA for soft lining highlights.

Copied