Kamisato Ayato of Genshin Impact presents a composed, noble visual identity shaped by a restrained but impactful color system. The primary royal blue Azure (#3B5AA9) defines his formal silhouette, balanced by the ceremonial White Lilac (#F6F7FB) inner layers and highlighted with the warm gold Tacha (#D9B15F). This curated hex palette communicates authority, Hydro elegance, and clan prestige — ideal search intent for designers seeking accurate color codes and a faithful HEX palette reference for fan art, UI mockups, or brand-consistent assets.
Kamisato Ayato Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Azure | #3B5AA9 | 59, 90, 169 | 65, 47, 0, 34 | |
| White Lilac | #F6F7FB | 246, 247, 251 | 2, 2, 0, 2 | |
| Periwinkle Gray | #B7C6E6 | 183, 198, 230 | 20, 14, 0, 10 | |
| Tacha | #D9B15F | 217, 177, 95 | 0, 18, 56, 15 | |
| Perano | #A6D6F4 | 166, 214, 244 | 32, 12, 0, 4 |
Kamisato Ayato CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Kamisato Ayato Genshin Impact Palette */
--kamisato-ayato-genshin-impact-azure: #3B5AA9;
--kamisato-ayato-genshin-impact-white-lilac: #F6F7FB;
--kamisato-ayato-genshin-impact-periwinkle-gray: #B7C6E6;
--kamisato-ayato-genshin-impact-tacha: #D9B15F;
--kamisato-ayato-genshin-impact-perano: #A6D6F4;
}
More Genshin Impact Color Codes (Blue Palette)
Kamisato Ayato CSS Gradients
Beautiful gradient backgrounds inspired by Kamisato Ayato’s aesthetic. Click to copy the CSS code.
Kamisato Ayato Color Scheme Breakdown
Azure#3B5AA9
A saturated royal-blue used across Ayato’s formal haori and kimono panels, defining his Inazuman noble silhouette; it communicates calm authority, discipline, and a refined, courtly presence.
White Lilac#F6F7FB
A crisp off-white seen in inner layers, collar areas, and ornamental fabric sections; it reads as ceremonial cleanliness and high status, creating strong contrast against the darker blues.
Periwinkle Gray#B7C6E6
A pale icy-lavender/blue that appears in secondary cloth accents and decorative trims; it softens the outfit’s contrast, evoking Hydro elegance and the composed, measured nature of his character.
Tacha#D9B15F
A warm gold tone present on metal fittings, clasps, and ornate emblems; it signals wealth and clan prestige, adding a ceremonial highlight that frames his role as the Yashiro Commissioner.
Perano#A6D6F4
A light aqua-cyan associated with Hydro effects, especially in skill visuals and watery blade motifs; it reinforces his element, suggesting fluidity, precision, and controlled power rather than aggression.
Kamisato Ayato 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Kamisato Ayato’s palette for a perfectly balanced visual hierarchy.
Kamisato Ayato UI Component Preview
Here is a live example of how the Kamisato Ayato color palette looks when applied to a modern UI component.
Kamisato Ayato
Hydro Noble Strategist
“I uphold the Kamisato name with unwavering grace.”
Kamisato Ayato 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 Kamisato Ayato’s aesthetic.
- Main LED: 59, 90, 169
- Accent LED: 246, 247, 251
The Design Philosophy behind Kamisato Ayato’s Palette
The design philosophy behind Ayato’s palette uses contrast and symbolic association to tell character and story. Developers pair a saturated royal-blue (#3B5AA9) with crisp off-white (#F6F7FB) to read as nobility and ceremonial cleanliness, while pale accents like Periwinkle Gray (#B7C6E6) and Perano (#A6D6F4) introduce Hydro-linked coolness and visual softness. A warm metallic Tacha (#D9B15F) provides focal highlights for status and ornamentation. For designers and UI/UX practitioners searching for reliable hex color codes, this combination succeeds because it establishes visual hierarchy, legible contrast, and thematic cohesion — useful both in character rendering and interface applications where palette consistency matters.
Best Kamisato Ayato Color Combinations
Regal Core Contrast
Deep Azure paired with White Lilac creates strong, readable contrast ideal for primary/secondary elements and noble-themed UI.
Hydro Accent Harmony
Perano and Periwinkle Gray offer soft, aquatic accents that reinforce Hydro visuals and subtle secondary details.
Explore More Genshin Impact Character Color Codes
Download Kamisato Ayato Genshin Impact Color Palette
Kamisato Ayato .ASE Swatches
For Adobe Swatches & Procreate
Kamisato Ayato .SVG Palette
Vector Color Palette
Kamisato Ayato .PNG Image
High-Quality Palette Preview
FAQs about Kamisato Ayato Genshin Impact Color Codes
What is the main color of Kamisato Ayato’s outfit?
The dominant color is a royal blue called Azure, hex code #3B5AA9.
What color represents the inner layers or ceremonial fabric?
The inner layers and ornamental fabric use an off-white called White Lilac, hex code #F6F7FB.
Which color is used for metallic fittings and highlights?
Metal clasps and emblems use a warm gold tone named Tacha, hex code #D9B15F.











