Tartaglia (Genshin Impact) Color Codes, Palette & HEX Guide

Tartaglia (Genshin Impact) Color Codes, Palette & HEX Guide

Tartaglia’s visual identity is driven by a disciplined, martial palette that balances Hydro intensity with military restraint. The deep Hydro blue Matisse #1E4C9A anchors his elemental presence, while the crisp off-white Geyser #D9DDE6 defines inner layers and separation; the charcoal Charade #2B2F3A grounds silhouettes for contrast. For designers searching for Tartaglia color codes or a ready HEX palette for UI/character art, these tones deliver both readability and thematic fidelity—mixing cool aquatic energy with authoritative neutrals ideal for HUDs, splash screens, and character cards.

Matisse
#1E4C9A
Geyser
#D9DDE6
Charade
#2B2F3A
Copper
#B4873A
Mahogany
#C84A4E

Tartaglia Genshin Impact Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Matisse #1E4C9A 30, 76, 154 81, 51, 0, 40
Geyser #D9DDE6 217, 221, 230 6, 4, 0, 10
Charade #2B2F3A 43, 47, 58 26, 19, 0, 77
Copper #B4873A 180, 135, 58 0, 25, 68, 29
Mahogany #C84A4E 200, 74, 78 0, 63, 61, 22

Tartaglia CSS & Tailwind Color Variables

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

:root {
/* Tartaglia Genshin Impact Palette */
--tartaglia-genshin-impact-matisse: #1E4C9A;
--tartaglia-genshin-impact-geyser: #D9DDE6;
--tartaglia-genshin-impact-charade: #2B2F3A;
--tartaglia-genshin-impact-copper: #B4873A;
--tartaglia-genshin-impact-mahogany: #C84A4E;
}

Tartaglia CSS Gradients

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

Click to Copy CSS
Matisse to Copper#1E4C9A → #B4873A
Click to Copy CSS
Charade to Matisse#2B2F3A → #1E4C9A

Tartaglia Color Scheme Breakdown

Matisse#1E4C9A

This deep hydro blue appears in Tartaglia’s signature elemental effects and watery combat motifs, reinforcing his identity as a Hydro wielder and conveying calm precision beneath his aggressive, predatory fighting style.

Geyser#D9DDE6

This cool off-white is seen across his shirt and inner fabric panels, creating a crisp military cleanliness that contrasts his dangerous reputation while visually separating armor pieces and brighter Hydro highlights.

Charade#2B2F3A

This charcoal navy-black shows on his bodysuit, gloves, and darker uniform sections, grounding the design with stealth and severity, and emphasizing the disciplined Fatui agent aesthetic in his silhouette.

Copper#B4873A

This muted gold-brown appears on trims, fasteners, and ornamental accents, suggesting rank and prestige within the Fatui, while adding warm contrast against the dominant cool blues and monochrome uniform.

Mahogany#C84A4E

This bold crimson is most visible in his scarf and select accent details, acting as a focal color that signals danger and intensity, echoing his ruthless edge and the Fatui’s aggressive presence.

Tartaglia 60-30-10 Design Rule

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

60% Background
#D9DDE6
30% Primary
#2B2F3A
10% Accent
#1E4C9A

Use Geyser (#D9DDE6) for large background spaces, Charade (#2B2F3A) for primary text and structural UI elements, and vibrant Matisse (#1E4C9A) exclusively for call-to-action buttons and important highlights.

Tartaglia UI Component Preview

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

Tartaglia

Hydro Duelist

“You can call me Childe.”

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

  • Main LED: 30, 76, 154
  • Accent LED: 217, 221, 230

The Design Philosophy behind Tartaglia’s Palette

The design philosophy behind Tartaglia’s palette uses hierarchy and contrast to reflect narrative and gameplay. Matisse #1E4C9A signals Hydro power and kinetic motion, Geyser #D9DDE6 provides breathable negative space and crisp separations, while Charade #2B2F3A adds stealth and seriousness. Accents in Copper #B4873A speak to rank and ornamentation, and Mahogany #C84A4E injects aggressive focal points that read well at small scales. This combination succeeds because it pairs a dominant elemental hue with neutral supports and warm accents, optimizing legibility and emotional tone—useful for anyone searching “character palette” or “color codes for UI” and needing precise HEX guidance.

Best Tartaglia Color Combinations

Hydro Core Contrast

Deep Hydro blue against cool off-white creates high visibility and clean separation for UI elements and splash art.

Stealth & Threat

Charcoal base with crimson accents gives a serious, dangerous vibe perfect for call-to-action buttons or focal details.

Download Tartaglia Genshin Impact Color Palette

ASE

Tartaglia .ASE Swatches

For Adobe Swatches & Procreate

SVG

Tartaglia .SVG Palette

Vector Color Palette

PNG

Tartaglia .PNG Image

High-Quality Palette Preview

FAQs about Tartaglia Genshin Impact Color Codes

What is the primary Hydro color used for Tartaglia’s elemental effects?

The primary Hydro color is Matisse, HEX #1E4C9A.

What are the main clothing and uniform base colors for Tartaglia?

The uniform bases use Charade #2B2F3A for dark areas and Geyser #D9DDE6 for inner panels and shirt highlights.

Which HEX represents Tartaglia’s accent/scarf color?

The bold accent (scarf and select details) is Mahogany, HEX #C84A4E.

Copied