Lynette (Genshin Impact) Color Codes & Palette — HEX UI Reference

Lynette (Genshin Impact) Color Codes & Palette — HEX UI Reference

Lynette from Genshin Impact brings a theatrical, magician-assistant silhouette that balances shadow and spotlight. Her wardrobe leans on deep charcoal #2B2A2F (Baltic Sea) for the corset and stockings, softened by crisp off-white #F2F1EE (Cararra) in blouses and ruffles, while warm #6C5A46 (Tobacco Brown) in hair and leather trims adds approachable depth. For UI/UX designers searching for ‘Lynette color codes’ or ‘character HEX palette’, this concise reference shows how these exact HEX values form a readable, stage-ready palette suitable for interface accents, contrast testing, and themed asset creation.

Baltic Sea
#2B2A2F
Cararra
#F2F1EE
Tobacco Brown
#6C5A46
Quicksand
#B8A18C
Regent Gray
#8E9AA7

Lynette Genshin Impact Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Baltic Sea #2B2A2F 43, 42, 47 9, 11, 0, 82
Cararra #F2F1EE 242, 241, 238 0, 0, 2, 5
Tobacco Brown #6C5A46 108, 90, 70 0, 17, 35, 58
Quicksand #B8A18C 184, 161, 140 0, 13, 24, 28
Regent Gray #8E9AA7 142, 154, 167 15, 8, 0, 35

Lynette CSS & Tailwind Color Variables

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

:root {
/* Lynette Genshin Impact Palette */
--lynette-genshin-impact-baltic-sea: #2B2A2F;
--lynette-genshin-impact-cararra: #F2F1EE;
--lynette-genshin-impact-tobacco-brown: #6C5A46;
--lynette-genshin-impact-quicksand: #B8A18C;
--lynette-genshin-impact-regent-gray: #8E9AA7;
}

Lynette CSS Gradients

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

Click to Copy CSS
Baltic Sea to Quicksand#2B2A2F → #B8A18C
Click to Copy CSS
Tobacco Brown to Baltic Sea#6C5A46 → #2B2A2F

Lynette Color Scheme Breakdown

Baltic Sea#2B2A2F

Deep charcoal-black dominates Lynette’s stagewear—corset, skirt panels, gloves, and stockings—creating a magician-assistant silhouette that reads sleek, stealthy, and mysterious against Fontaine’s brighter city aesthetics.

Cararra#F2F1EE

Soft off-white appears in her blouse, ruffled accents, and small costume trims, adding crisp contrast to the dark outfit and emphasizing a refined, theatrical ‘assistant on stage’ elegance.

Tobacco Brown#6C5A46

Warm medium brown is most visible in her hair and subtle leather details, grounding the monochrome costume with natural warmth and giving her design a more approachable, street-level Fontaine feel.

Quicksand#B8A18C

Muted beige-taupe shows up as secondary fabric tones and accessory highlights, softening the overall contrast and reinforcing the vintage, cabaret-inspired tailoring typical of a classic magic-show costume.

Regent Gray#8E9AA7

Cool steel grey is present in metallic fasteners and accessory elements, suggesting practical hardware and stage props while adding a modern Fontaine-industrial note to her otherwise traditional performance attire.

Lynette 60-30-10 Design Rule

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

60% Background
#F2F1EE
30% Primary
#6C5A46
10% Accent
#2B2A2F

Use Cararra (#F2F1EE) for large background spaces, Tobacco Brown (#6C5A46) for primary text and structural UI elements, and vibrant Baltic Sea (#2B2A2F) exclusively for call-to-action buttons and important highlights.

Lynette UI Component Preview

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

Lynette

Magician Assistant

“The show must go on.”

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

  • Main LED: 43, 42, 47
  • Accent LED: 242, 241, 238

The Design Philosophy behind Lynette’s Palette

The design philosophy uses high-contrast theatrical fundamentals to communicate Lynette’s role and personality: a mysterious performer anchored in a real-world, street-level Fontaine. #2B2A2F (Baltic Sea) provides the silhouette-defining base that reads strong at small sizes and in dark-mode UI, while #F2F1EE (Cararra) supplies crisp highlights to preserve legibility and visual hierarchy. Midtones like #B8A18C (Quicksand) and #6C5A46 (Tobacco Brown) introduce vintage warmth and naturalism, preventing the palette from feeling sterile. Accents of #8E9AA7 (Regent Gray) suggest metallic hardware and modernity. Together, these HEX choices support accessibility, contrast, and narrative coherence—key considerations when designers search for reliable character color codes for UI skins, mockups, or branding.

Best Lynette Color Combinations

Stage Contrast Duo

Deep Baltic Sea (#2B2A2F) paired with Cararra (#F2F1EE) creates high contrast ideal for text-on-background, buttons, and focus states in UI.

Warm Vintage Accent

Tobacco Brown (#6C5A46) with Quicksand (#B8A18C) forms a warm, approachable accent pairing suited for secondary UI elements and textured backgrounds.

Download Lynette Genshin Impact Color Palette

ASE

Lynette .ASE Swatches

For Adobe Swatches & Procreate

SVG

Lynette .SVG Palette

Vector Color Palette

PNG

Lynette .PNG Image

High-Quality Palette Preview

FAQs about Lynette Genshin Impact Color Codes

What is the primary color of Lynette’s outfit and stagewear?

The primary outfit color is deep charcoal — #2B2A2F (Baltic Sea).

Which HEX codes define Lynette’s overall clothing contrast and trims?

Her main contrast pairing is #2B2A2F (Baltic Sea) for dark panels and #F2F1EE (Cararra) for blouse trims and ruffles.

What HEX is used for Lynette’s hair and warm leather details?

Her hair and leather accents use Tobacco Brown — #6C5A46.

Copied