Arataki Itto (Genshin Impact) Color Codes, Palette & HEX Values for UI/UX

Arataki Itto (Genshin Impact) Color Codes, Palette & HEX Values for UI/UX

Arataki Itto, the boisterous oni boss from Genshin Impact, uses a bold, high-contrast palette that makes his silhouette instantly recognizable: warm off-white Cararra #F5F5F2 in his hair and fabrics, vivid crimson Cabaret #D84B5A for signature accents, and muted gold Laser #C7A56B for trims. These exact color codes are essential if you’re searching for Arataki Itto color codes, palette HEX values, or accurate assets for UI/UX, fan art, and branding. Understanding these HEX values helps designers reproduce his energy and hierarchy across screens and marketing materials.

Cararra
#F5F5F2
Cabaret
#D84B5A
Nutmeg
#7B2C2F
Baltic Sea
#2B2A2F
Laser
#C7A56B

Arataki Itto Genshin Impact Color Codes: HEX, RGB, CMYK

PreviewColor NameHEXRGBCMYK
Cararra#F5F5F2245, 245, 2420, 0, 1, 4
Cabaret#D84B5A216, 75, 900, 65, 58, 15
Nutmeg#7B2C2F123, 44, 470, 64, 62, 52
Baltic Sea#2B2A2F43, 42, 479, 11, 0, 82
Laser#C7A56B199, 165, 1070, 17, 46, 22

Arataki Itto CSS & Tailwind Color Variables

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

:root {
/* Arataki Itto Genshin Impact Palette */
--arataki-itto-genshin-impact-cararra: #F5F5F2;
--arataki-itto-genshin-impact-cabaret: #D84B5A;
--arataki-itto-genshin-impact-nutmeg: #7B2C2F;
--arataki-itto-genshin-impact-baltic-sea: #2B2A2F;
--arataki-itto-genshin-impact-laser: #C7A56B;
}

Arataki Itto CSS Gradients

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

Click to Copy CSS
Cararra to Baltic Sea#F5F5F2 → #2B2A2F
Click to Copy CSS
Nutmeg to Cararra#7B2C2F → #F5F5F2

Arataki Itto Color Scheme Breakdown

Cararra#F5F5F2

This warm off-white is the dominant base of Itto’s long hair and parts of his outfit fabric, conveying a bold yet clean oni presence that contrasts strongly with his darker armor accents.

Cabaret#D84B5A

This vivid crimson-red appears in his signature oni-themed clothing details and decorative accents, reinforcing his hot-blooded, flashy gang-leader attitude and making his silhouette instantly recognizable in gameplay.

Nutmeg#7B2C2F

This deep maroon shows up in secondary red areas of his garments and ornaments, grounding the brighter reds with a tougher, more mature tone that fits his brute strength and brawler vibe.

Baltic Sea#2B2A2F

This near-black charcoal is used across his armor-like clothing sections, belts, and structural outfit pieces, adding visual weight and toughness while framing the brighter hair and red accents for contrast.

Laser#C7A56B

This muted gold-tan appears on metallic trims, buckles, and accessory hardware, suggesting rugged street-royalty swagger and giving his design a warm, earthy richness that complements his Geo affiliation.

Arataki Itto 60-30-10 Design Rule

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

60% Background
#C7A56B
30% Primary
#2B2A2F
10% Accent
#F5F5F2

Use Laser (#C7A56B) for large background spaces, Baltic Sea (#2B2A2F) for primary text and structural UI elements, and vibrant Cararra (#F5F5F2) exclusively for call-to-action buttons and important highlights.

Arataki Itto UI Component Preview

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

Arataki Itto

Geo Brawler

“I, Arataki Itto, will not lose!”

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

  • Main LED: 245, 245, 242
  • Accent LED: 216, 75, 90

The Design Philosophy behind Arataki Itto’s Palette

The design philosophy behind Itto’s palette leverages contrast and thematic resonance: Cararra #F5F5F2 provides a bright, ceremonial base that reads as bold and heroic, while Baltic Sea #2B2A2F anchors the outfit with near-black weight to convey armor and toughness. Saturated Cabaret #D84B5A injects hot-blooded flair and focal emphasis, and Nutmeg #7B2C2F offers deeper red grounding to avoid visual fatigue. Laser #C7A56B metallics suggest street-royalty swagger tied to Geo’s earthy sensibilities. For UI and asset pipelines, these palette HEX choices create clear visual hierarchy, accessible contrast, and consistent branding — exactly what designers search for when sourcing reliable color codes and palette HEX values.

Best Arataki Itto Color Combinations

High-Contrast Silhouette

Cararra #F5F5F2 against Baltic Sea #2B2A2F creates instant readability and strong silhouette contrast ideal for icons and avatars.

Warm Accent & Trim

Cabaret #D84B5A paired with Laser #C7A56B balances flashy accents with metallic warmth for buttons and decorative UI elements.

Download Arataki Itto Genshin Impact Color Palette

ASE

Arataki Itto .ASE Swatches

For Adobe Swatches & Procreate

SVG

Arataki Itto .SVG Palette

Vector Color Palette

PNG

Arataki Itto .PNG Image

High-Quality Palette Preview

FAQs about Arataki Itto Genshin Impact Color Codes

What is the exact HEX for Arataki Itto’s hair color?

Arataki Itto’s hair color is the warm off-white Cararra with HEX #F5F5F2.

What are the main outfit and armor colors in his palette?

The main outfit uses a near-black charcoal Baltic Sea #2B2A2F for armor and structural pieces, complemented by deep red Nutmeg #7B2C2F for secondary garment tones.

Which HEX codes represent his accent and metallic details?

Accent and trim colors include vivid crimson Cabaret #D84B5A for focal details and muted gold Laser #C7A56B for metallic trims and buckles.

Copied