Arlecchino (Genshin Impact) Color Codes, Palette & HEX Guide – Exact Color Codes

Arlecchino (Genshin Impact) Color Codes, Palette & HEX Guide – Exact Color Codes

Arlecchino stands out as a theatrically ruthless Fatui Harbinger whose visual identity reads as both aristocratic and menacing. Her palette pairs near-black structure (#1B1B1D Shark) with sharp, dramatic accents like #C61F2E Cardinal and refined off-white touches such as #F2F0EE Pampas to create a striking, high-contrast silhouette. For designers searching for Arlecchino color codes or exact HEX values to recreate her aesthetic in UI/UX, fan art, or branding, this palette provides a clear hierarchy: dominant darkness, bold danger accents, and subtle neutrals to balance composition and legibility.

Shark
#1B1B1D
Pampas
#F2F0EE
Cardinal
#C61F2E
Dark Tan
#7A0E1A
Tide
#B8B1AA

Arlecchino Genshin Impact Color Codes: HEX, RGB, CMYK

PreviewColor NameHEXRGBCMYK
Shark#1B1B1D27, 27, 297, 7, 0, 89
Pampas#F2F0EE242, 240, 2380, 1, 2, 5
Cardinal#C61F2E198, 31, 460, 84, 77, 22
Dark Tan#7A0E1A122, 14, 260, 89, 79, 52
Tide#B8B1AA184, 177, 1700, 4, 8, 28

Arlecchino CSS & Tailwind Color Variables

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

:root {
/* Arlecchino Genshin Impact Palette */
--arlecchino-genshin-impact-shark: #1B1B1D;
--arlecchino-genshin-impact-pampas: #F2F0EE;
--arlecchino-genshin-impact-cardinal: #C61F2E;
--arlecchino-genshin-impact-dark-tan: #7A0E1A;
--arlecchino-genshin-impact-tide: #B8B1AA;
}

Arlecchino CSS Gradients

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

Click to Copy CSS
Shark to Dark Tan#1B1B1D → #7A0E1A
Click to Copy CSS
Cardinal to Shark#C61F2E → #1B1B1D

Arlecchino Color Scheme Breakdown

Shark#1B1B1D

Deep near-black dominates Arlecchino’s tailored coat, gloves, and overall silhouette, projecting a strict Fatui authority vibe and a controlled, intimidating presence that anchors her design.

Pampas#F2F0EE

Soft off-white appears on her shirt, collar, and crisp suit accents, adding aristocratic refinement and strong contrast against the dark outfit, reinforcing a formal, theatrical Harbinger aesthetic.

Cardinal#C61F2E

Vivid crimson is used in key accents and thematic effects tied to her identity and combat styling, signaling danger, aggression, and the dramatic ‘stage blood’ motif associated with Arlecchino.

Dark Tan#7A0E1A

Deep wine-red supports the main crimson through secondary trims and darker red accents, giving a mature, ominous undertone that suggests hidden violence beneath her polished, composed exterior.

Tide#B8B1AA

Muted warm grey shows up in metallic-like details, fasteners, and understated trim, balancing the palette with a practical, industrial Fatui feel while keeping the overall look elegant and restrained.

Arlecchino 60-30-10 Design Rule

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

60% Background
#F2F0EE
30% Primary
#7A0E1A
10% Accent
#1B1B1D

Use Pampas (#F2F0EE) for large background spaces, Dark Tan (#7A0E1A) for primary text and structural UI elements, and vibrant Shark (#1B1B1D) exclusively for call-to-action buttons and important highlights.

Arlecchino UI Component Preview

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

Arlecchino

Fatui Harbinger

“The show must go on — even if it bleeds.”

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

  • Main LED: 27, 27, 29
  • Accent LED: 242, 240, 238

The Design Philosophy behind Arlecchino’s Palette

The design philosophy behind Arlecchino’s palette uses contrast and theatrical symbolism to communicate character at a glance. The near-black Shark (#1B1B1D) anchors the silhouette, signaling authority and a controlled, intimidating presence; vivid Cardinal (#C61F2E) functions as the emotional and narrative accent, evoking danger and the ‘stage blood’ motif; Pampas (#F2F0EE) introduces aristocratic refinement on collars and trims, while Dark Tan (#7A0E1A) deepens the crimson theme and Tide (#B8B1AA) supplies metallic, utilitarian detail. For UI/UX and color codes workflows, this combination is successful because it establishes clear visual hierarchy, accessible contrast between foreground and background, and programmable HEX values designers can reuse consistently to preserve tone and narrative intent.

Best Arlecchino Color Combinations

Authority & Danger

Near-black Shark paired with Cardinal creates instant contrast and focal points ideal for primary backgrounds with strong accent CTAs.

Refined Contrast

Pampas off-white with Dark Tan gives an elegant but ominous contrast suited for typography over light panels or formal UI elements.

Download Arlecchino Genshin Impact Color Palette

ASE

Arlecchino .ASE Swatches

For Adobe Swatches & Procreate

SVG

Arlecchino .SVG Palette

Vector Color Palette

PNG

Arlecchino .PNG Image

High-Quality Palette Preview

FAQs about Arlecchino Genshin Impact Color Codes

What is the color of Arlecchino’s signature blood-like accents?

Arlecchino’s signature blood-like accents use the vivid crimson HEX #C61F2E (Cardinal).

What is the main color of Arlecchino’s outfit and silhouette?

The main outfit and silhouette are dominated by the near-black HEX #1B1B1D (Shark).

What HEX is used for her subtle trims and metallic details?

Subtle trims and metallic-like details are represented by the muted warm grey HEX #B8B1AA (Tide).

Explore More Black Palettes Across Universes

Copied