Kamisato Ayato (Genshin Impact) Color Codes, Palette & HEX Guide

Kamisato Ayato (Genshin Impact) Color Codes, Palette & HEX Guide

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.

Azure
#3B5AA9
White Lilac
#F6F7FB
Periwinkle Gray
#B7C6E6
Tacha
#D9B15F
Perano
#A6D6F4

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;
}

Kamisato Ayato CSS Gradients

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

Click to Copy CSS
Azure to Tacha#3B5AA9 → #D9B15F
Click to Copy CSS
Periwinkle Gray to Azure#B7C6E6 → #3B5AA9

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.

60% Background
#F6F7FB
30% Primary
#D9B15F
10% Accent
#3B5AA9

Use White Lilac (#F6F7FB) for large background spaces, Tacha (#D9B15F) for primary text and structural UI elements, and vibrant Azure (#3B5AA9) exclusively for call-to-action buttons and important highlights.

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.

Download Kamisato Ayato Genshin Impact Color Palette

ASE

Kamisato Ayato .ASE Swatches

For Adobe Swatches & Procreate

SVG

Kamisato Ayato .SVG Palette

Vector Color Palette

PNG

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.

Copied