Chiori (Genshin Impact) Color Codes & Palette — HEX Values Guide

Chiori (Genshin Impact) Color Codes & Palette — HEX Values Guide

Chiori’s visual identity merges haute couture with a subtle, mysterious edge — a perfect reference for designers searching Chiori color codes or exact HEX values. Her main panels lean on #6B4A9E Butterfly Bush for muted violet sophistication, offset by a clean couture base in #F6F1E8 Merino and refined metallic touches in #C7A86C Laser. This palette balances luxury and restraint, making it ideal for UI/UX applications, fan art palettes, and color-code driven design systems where precision in HEX values matters.

Butterfly Bush
#6B4A9E
Merino
#F6F1E8
Shark
#1B1B1F
Laser
#C7A86C
Old Copper
#7A4A2F

Chiori Genshin Impact Color Codes: HEX, RGB, CMYK

PreviewColor NameHEXRGBCMYK
Butterfly Bush#6B4A9E107, 74, 15832, 53, 0, 38
Merino#F6F1E8246, 241, 2320, 2, 6, 4
Shark#1B1B1F27, 27, 3113, 13, 0, 88
Laser#C7A86C199, 168, 1080, 16, 46, 22
Old Copper#7A4A2F122, 74, 470, 39, 61, 52

Chiori CSS & Tailwind Color Variables

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

:root {
/* Chiori Genshin Impact Palette */
--chiori-genshin-impact-butterfly-bush: #6B4A9E;
--chiori-genshin-impact-merino: #F6F1E8;
--chiori-genshin-impact-shark: #1B1B1F;
--chiori-genshin-impact-laser: #C7A86C;
--chiori-genshin-impact-old-copper: #7A4A2F;
}

Chiori CSS Gradients

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

Click to Copy CSS
Butterfly Bush to Laser#6B4A9E → #C7A86C
Click to Copy CSS
Shark to Butterfly Bush#1B1B1F → #6B4A9E

Chiori Color Scheme Breakdown

Butterfly Bush#6B4A9E

A muted violet used across Chiori’s main outfit panels and decorative fabrics, defining her elegant Fontaine-inspired fashion identity while conveying refinement, mystery, and a couture-like, high-end designer signature.

Merino#F6F1E8

A warm off-white seen on inner garment areas, trim, and light fabric sections, acting as a clean couture base that highlights contrast, purity, and the tailored, boutique aesthetic of her design.

Shark#1B1B1F

A deep near-black appearing in stockings, ribbons, and structural outfit accents, grounding the palette with sharp contrast and giving her silhouette a sleek, modern, fashion-forward, formal tone.

Laser#C7A86C

A soft gold tone used in jewelry-like ornaments, fasteners, and refined accessory details, suggesting luxury craftsmanship, premium materials, and the prestigious, atelier-level status associated with her character concept.

Old Copper#7A4A2F

A rich chestnut brown associated with leather-like elements and subtle accessory parts, adding warmth and realism to the couture styling while reinforcing an artisanal, handmade, high-quality fashion feel.

Chiori 60-30-10 Design Rule

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

60% Background
#F6F1E8
30% Primary
#1B1B1F
10% Accent
#6B4A9E

Use Merino (#F6F1E8) for large background spaces, Shark (#1B1B1F) for primary text and structural UI elements, and vibrant Butterfly Bush (#6B4A9E) exclusively for call-to-action buttons and important highlights.

Chiori UI Component Preview

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

Chiori

Fontaine Couturier

“Elegance demands precision.”

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

  • Main LED: 107, 74, 158
  • Accent LED: 246, 241, 232

The Design Philosophy behind Chiori’s Palette

The design philosophy behind Chiori uses a limited, purposeful palette to translate narrative and temperament into visual language. #6B4A9E Butterfly Bush anchors elegance and mystery, while #F6F1E8 Merino provides breathable negative space that highlights tailoring and silhouette; deep anchors like #1B1B1F Shark create modern contrast and clarity. Accents such as #C7A86C Laser and #7A4A2F Old Copper imply craftsmanship and tactile luxury. For anyone analyzing Chiori color palette or comparing Genshin color codes, this restrained combination succeeds because each HEX value serves a clear role—primary, ground, or highlight—making it both expressive and practical for UI/graphic implementation.

Best Chiori Color Combinations

Couture Contrast

Butterfly Bush against Merino provides high-readability contrast and a couture-friendly light/dark hierarchy for UI layouts.

Gilded Ground

Laser gold on Shark black creates a premium accent pairing that reads as jewelry-like detail and strong focal points.

Download Chiori Genshin Impact Color Palette

ASE

Chiori .ASE Swatches

For Adobe Swatches & Procreate

SVG

Chiori .SVG Palette

Vector Color Palette

PNG

Chiori .PNG Image

High-Quality Palette Preview

FAQs about Chiori Genshin Impact Color Codes

What is the primary color for Chiori’s main outfit panels?

The primary hue for Chiori’s main outfit panels is #6B4A9E (Butterfly Bush).

Which color defines Chiori’s overall couture base or inner garments?

The couture base and inner garments are defined by #F6F1E8 (Merino).

What HEX is used for Chiori’s metallic accents or jewelry-like details?

Metallic accents and refined accessories use #C7A86C (Laser); secondary warm accents appear as #7A4A2F (Old Copper).

Copied