Clorinde is portrayed as a disciplined Fontaine duelist whose visual identity balances regal formality with high-voltage Electro accents. Her palette centers on the deep near-black navy #1F2230 (Ebony Clay) as the authoritative base, offset by crisp trim in #F2F2F4 (Athens Gray) and striking electro highlights in #6B4BB3 (Studio). For designers and UI/UX specialists searching for accurate color codes, this HEX-driven palette provides clear contrast rules and versatile assets for character art, interface accents, and promotional layouts focused on Clorinde’s aesthetic.
Clorinde Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Studio | #6B4BB3 | 107, 75, 179 | 40, 58, 0, 30 | |
| Ebony Clay | #1F2230 | 31, 34, 48 | 35, 29, 0, 81 | |
| Athens Gray | #F2F2F4 | 242, 242, 244 | 1, 1, 0, 4 | |
| Biloba Flower | #B7A6E6 | 183, 166, 230 | 20, 28, 0, 10 | |
| Tussock | #C79A4B | 199, 154, 75 | 0, 23, 62, 22 |
Clorinde CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Clorinde Genshin Impact Palette */
--clorinde-genshin-impact-studio: #6B4BB3;
--clorinde-genshin-impact-ebony-clay: #1F2230;
--clorinde-genshin-impact-athens-gray: #F2F2F4;
--clorinde-genshin-impact-biloba-flower: #B7A6E6;
--clorinde-genshin-impact-tussock: #C79A4B;
}More Genshin Impact Color Codes (Purple Palette)
Clorinde CSS Gradients
Beautiful gradient backgrounds inspired by Clorinde’s aesthetic. Click to copy the CSS code.
Clorinde Color Scheme Breakdown
Studio#6B4BB3
A vivid electro-violet seen in Clorinde’s overall accent scheme and visual identity, echoing her Electro alignment and giving her duelist silhouette a refined, high-voltage, Fontaine-inspired presence.
Ebony Clay#1F2230
A near-black navy used across her main outfit pieces, forming the dominant base fabric tone that reads as formal, disciplined, and intimidating, matching her stoic Champion Duelist persona.
Athens Gray#F2F2F4
A clean off-white appearing in shirt and trim elements, providing crisp contrast against the dark suit and reinforcing her immaculate, ceremonial, and authoritative Fontaine dueling attire.
Biloba Flower#B7A6E6
A soft lavender applied to secondary details and ornamented sections, bridging dark fabrics and brighter electro accents while conveying elegance, restraint, and the polished nobility of her design.
Tussock#C79A4B
A warm metallic gold used in buckles, buttons, and decorative hardware, suggesting premium craftsmanship and status, and adding a subtle luxury highlight to her otherwise cool-toned palette.
Clorinde 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Clorinde’s palette for a perfectly balanced visual hierarchy.
Clorinde UI Component Preview
Here is a live example of how the Clorinde color palette looks when applied to a modern UI component.
Clorinde
Electro Champion Duelist
“Face me with honor.”
Clorinde 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 Clorinde’s aesthetic.
- Main LED: 107, 75, 179
- Accent LED: 31, 34, 48
The Design Philosophy behind Clorinde’s Palette
The design philosophy behind Clorinde’s palette uses contrast and material cues to communicate story and function. #1F2230 (Ebony Clay) establishes a formal, disciplined canvas that reads as armor-like and authoritative; #6B4BB3 (Studio) supplies the Electro identity and focal energy for callouts and motion effects; #F2F2F4 (Athens Gray) keeps details legible and ceremonial. Secondary tones like #B7A6E6 (Biloba Flower) soften transitions, while #C79A4B (Tussock) signals crafted hardware and status. Together these HEX color codes form a cohesive UI/UX-ready palette that maps narrative, silhouette, and interaction priorities—ideal for asset theming, accessible contrast, and consistent branding in Genshin Impact-related designs.
Best Clorinde Color Combinations
Electro Emphasis
Vivid electro-violet against near-black navy creates instant focal contrast for accents, buttons, and particle effects.
Ceremonial Neutral
Crisp off-white paired with warm metallic gold highlights luxury trims and readable UI elements without overpowering accents.
Explore More Genshin Impact Character Color Codes
Download Clorinde Genshin Impact Color Palette
Clorinde .ASE Swatches
For Adobe Swatches & Procreate
Clorinde .SVG Palette
Vector Color Palette
Clorinde .PNG Image
High-Quality Palette Preview
FAQs about Clorinde Genshin Impact Color Codes
What is the HEX color for Clorinde’s Electro accents (blade/energy)?
Clorinde’s Electro accent color is #6B4BB3 (Studio).
Which HEX color represents Clorinde’s main outfit/base fabric?
Her main outfit/base is #1F2230 (Ebony Clay).
What HEX colors are used for secondary details and metallic hardware?
Secondary ornamental lavender is #B7A6E6 (Biloba Flower) and metallic hardware is #C79A4B (Tussock).
