Lyney (Genshin Impact) Color Codes Palette — HEX & UI Design

Lyney (Genshin Impact) Color Codes Palette — HEX & UI Design

Lyney is Fontaine’s charismatic stage magician whose visual identity blends nocturnal elegance with dramatic flair. The costume anchors on deep indigo Port Gore (#2B2350) and near-black Woodsmoke (#141318), contrasted by wine-crimson Stiletto (#8B2B3B) accents and crisp Ghost (#C7C9D6) trims to read clearly under spotlight. This palette is ideal for designers searching for accurate color codes and HEX references for UI/UX, fan art, or branding tied to theatrical characters. Lyney’s scheme balances readability and mood, offering clear HEX values designers can plug into palettes, style guides, and mockups for consistent results.

Port Gore
#2B2350
Woodsmoke
#141318
Ghost
#C7C9D6
Stiletto
#8B2B3B
Hampton
#E7D1B4

Lyney Genshin Impact Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Port Gore #2B2350 43, 35, 80 46, 56, 0, 69
Woodsmoke #141318 20, 19, 24 17, 21, 0, 91
Ghost #C7C9D6 199, 201, 214 7, 6, 0, 16
Stiletto #8B2B3B 139, 43, 59 0, 69, 58, 45
Hampton #E7D1B4 231, 209, 180 0, 10, 22, 9

Lyney CSS & Tailwind Color Variables

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

:root {
/* Lyney Genshin Impact Palette */
--lyney-genshin-impact-port-gore: #2B2350;
--lyney-genshin-impact-woodsmoke: #141318;
--lyney-genshin-impact-ghost: #C7C9D6;
--lyney-genshin-impact-stiletto: #8B2B3B;
--lyney-genshin-impact-hampton: #E7D1B4;
}

Lyney CSS Gradients

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

Click to Copy CSS
Port Gore to Stiletto#2B2350 → #8B2B3B
Click to Copy CSS
Ghost to Port Gore#C7C9D6 → #2B2350

Lyney Color Scheme Breakdown

Port Gore#2B2350

A deep indigo-violet used across Lyney’s main stage-tailcoat panels and costume body, setting a magician’s nocturnal mood and linking him to Fontaine’s elegant, theatrical showmanship.

Woodsmoke#141318

Near-black appears on his gloves, inner outfit accents, stockings, and hat structure, grounding the silhouette with sharp contrast and reinforcing the classic tuxedo-like illusionist aesthetic.

Ghost#C7C9D6

Cool silver-gray shows on trim details, shirt elements, and metallic-like accessories, reading as refined spotlight-ready tailoring and giving the costume a crisp, high-fashion Fontaine finish.

Stiletto#8B2B3B

A wine-crimson accent seen on ribboned details and select costume highlights, echoing cabaret drama and Pyro flair while adding a bold, romantic punch against the darker suit colors.

Hampton#E7D1B4

Warm beige appears in skin tones and subtle costume linings, softening the overall palette and balancing the cold purples and blacks so his face and gestures read clearly on stage.

Lyney 60-30-10 Design Rule

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

60% Background
#E7D1B4
30% Primary
#141318
10% Accent
#2B2350

Use Hampton (#E7D1B4) for large background spaces, Woodsmoke (#141318) for primary text and structural UI elements, and vibrant Port Gore (#2B2350) exclusively for call-to-action buttons and important highlights.

Lyney UI Component Preview

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

Lyney

Fontaine Showman

“When the stage lights dim, the real magic begins.”

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

  • Main LED: 43, 35, 80
  • Accent LED: 20, 19, 24

The Design Philosophy behind Lyney’s Palette

The design philosophy behind Lyney’s palette uses contrast and selective warmth to convey his showman persona and narrative role. Deep base tones like Port Gore (#2B2350) and Woodsmoke (#141318) form a theatrical, night-sky backdrop that suggests mystery and stage depth, while Stiletto (#8B2B3B) provides Pyro-like, romantic punctuation that draws the eye to gestures and props. Ghost (#C7C9D6) and Hampton (#E7D1B4) add high-fashion highlights and skin-tone balance so facial expressions read under stage lighting. For UI/UX designers and artists searching for reliable color codes and HEX values, this combination demonstrates how to maintain accessibility, focal hierarchy, and thematic consistency across screens and assets.

Best Lyney Color Combinations

Nocturne Contrast

Port Gore and Woodsmoke create a deep, cohesive foundation ideal for backgrounds and modal layers with strong silhouette clarity.

Cabaret Accent

Stiletto paired with Ghost gives a dramatic accent-to-highlight pairing perfect for call-to-action elements and decorative trims.

Download Lyney Genshin Impact Color Palette

ASE

Lyney .ASE Swatches

For Adobe Swatches & Procreate

SVG

Lyney .SVG Palette

Vector Color Palette

PNG

Lyney .PNG Image

High-Quality Palette Preview

FAQs about Lyney Genshin Impact Color Codes

What is the main color of Lyney’s stage-tailcoat panels?

The main stage-tailcoat panels use Port Gore — HEX #2B2350.

What is the near-black color used for gloves, stockings, and hat structure?

The near-black grounding tone is Woodsmoke — HEX #141318.

Which color is used for the wine-crimson ribbon accents or warm linings?

The wine-crimson accent is Stiletto — HEX #8B2B3B (balanced on stage by Hampton #E7D1B4).

Copied