Cyno from Genshin Impact combines ritual authority and electro intensity through a concise, purposeful palette that suits UI/UX and character-driven design. His signature #7A3EB1 (Royal Purple) reads as charged Electro energy, while #D4A64D (Old Gold) signals rank and ceremonial trim; anchors like #2B2F3A (Charade) keep the look grounded. For designers searching for Cyno color codes, palette HEX values, or UI-friendly swatches, this guide provides practical color-code references and context to apply his aesthetic in interfaces, branding, or fan art with precise HEX values.
Cyno Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Royal Purple | #7A3EB1 | 122, 62, 177 | 31, 65, 0, 31 | |
| Old Gold | #D4A64D | 212, 166, 77 | 0, 22, 64, 17 | |
| Charade | #2B2F3A | 43, 47, 58 | 26, 19, 0, 77 | |
| Spring Wood | #F2F0E7 | 242, 240, 231 | 0, 1, 5, 5 | |
| Cocoa Brown | #2A1A1A | 42, 26, 26 | 0, 38, 38, 84 |
Cyno CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Cyno Genshin Impact Palette */
--cyno-genshin-impact-royal-purple: #7A3EB1;
--cyno-genshin-impact-old-gold: #D4A64D;
--cyno-genshin-impact-charade: #2B2F3A;
--cyno-genshin-impact-spring-wood: #F2F0E7;
--cyno-genshin-impact-cocoa-brown: #2A1A1A;
}More Genshin Impact Color Codes (Purple Palette)
Cyno CSS Gradients
Beautiful gradient backgrounds inspired by Cyno’s aesthetic. Click to copy the CSS code.
Cyno Color Scheme Breakdown
Royal Purple#7A3EB1
A saturated electro purple used across Cyno’s Anubis-themed accessories and energy motifs, strongly echoing his Electro element identity and the authoritative, ritualistic vibe of Sumeru’s General Mahamatra.
Old Gold#D4A64D
A warm metallic gold appearing on armor trims, ornaments, and decorative inlays, communicating rank, ceremonial prestige, and desert-inspired regality while contrasting sharply against his darker garments.
Charade#2B2F3A
A deep bluish charcoal seen on his main outfit fabric and bodysuit areas, reading as practical, disciplined uniform coloration that anchors the design and makes brighter accents feel more electric.
Spring Wood#F2F0E7
An off-white bone tone prominent on Cyno’s jackal headpiece and light cloth sections, reinforcing the Anubis reference, suggesting sacred relic materials, and giving a crisp highlight against darker clothing.
Cocoa Brown#2A1A1A
A dark reddish-brown leather tone used in straps, belts, and glove details, adding grounded, utilitarian craftsmanship and subtly tying the costume to desert gear and combat-ready functionality.
Cyno 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Cyno’s palette for a perfectly balanced visual hierarchy.
Cyno UI Component Preview
Here is a live example of how the Cyno color palette looks when applied to a modern UI component.
Cyno
Electro Law Enforcer
“Duty is not an option; it is the only path I follow.”
Cyno 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 Cyno’s aesthetic.
- Main LED: 122, 62, 177
- Accent LED: 212, 166, 77
The Design Philosophy behind Cyno’s Palette
The design philosophy behind Cyno’s palette is narrative-first: each hue maps to story, function, and tactile detail. #7A3EB1 (Royal Purple) embodies Electro potency and the Anubis motif, creating the primary visual energy; #D4A64D (Old Gold) reads as ceremonial metal, denoting rank and desert-inspired regality; #2B2F3A (Charade) operates as a disciplined base for contrast and legibility. Lighter accents like #F2F0E7 (Spring Wood) suggest sacred relic materials while #2A1A1A (Cocoa Brown) ties to leatherwork and utilitarian gear. For UI/UX use, these palette HEX choices offer clear hierarchy, accessible contrast, and thematic cohesion—precisely the outcomes designers search for when looking up character color codes or HEX palettes.
Best Cyno Color Combinations
Anubis Contrast Pair
Royal Purple (#7A3EB1) against Spring Wood (#F2F0E7) yields high visual contrast ideal for primary CTAs and energy highlights.
Ceremonial Anchor
Charade (#2B2F3A) with Old Gold (#D4A64D) creates a grounded background with metallic accents suited for badges, trims, and UI borders.
Explore More Genshin Impact Character Color Codes
Download Cyno Genshin Impact Color Palette
Cyno .ASE Swatches
For Adobe Swatches & Procreate
Cyno .SVG Palette
Vector Color Palette
Cyno .PNG Image
High-Quality Palette Preview
FAQs about Cyno Genshin Impact Color Codes
What is the color of Cyno’s electro energy and accessories?
Cyno’s electro energy and many Anubis-themed accessories use Royal Purple: #7A3EB1.
What is the primary outfit/base color used on Cyno?
The main uniform and bodysuit are a deep bluish charcoal called Charade: #2B2F3A.
Which HEX represents Cyno’s gold trims and ceremonial accents?
Cyno’s metallic trims and ornaments use Old Gold: #D4A64D (often paired with #2B2F3A for contrast).
