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

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

Kamisato Ayaka is an emblem of Inazuman nobility — serene, disciplined, and composed. Her visual identity relies on a restrained, icy palette where deep navy-blue #2F5EA8 (Sapphire) anchors the kimono silhouette, lighter ribbon tones like #78A6E5 (Portage) add crystalline motion, and warm metallic touches such as #D6A24A (Di Serria) punctuate hierarchy and ornamentation. For designers and artists searching for accurate color codes or HEX references, Ayaka’s palette offers a clear case study in balancing cool Cryo tones with a single, high-value accent to drive focal points in UI/UX and character art.

Sapphire
#2F5EA8
Portage
#78A6E5
Link Water
#C9D8F2
Snuff
#E7E2F0
Di Serria
#D6A24A

Kamisato Ayaka Genshin Impact Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Sapphire #2F5EA8 47, 94, 168 72, 44, 0, 34
Portage #78A6E5 120, 166, 229 48, 28, 0, 10
Link Water #C9D8F2 201, 216, 242 17, 11, 0, 5
Snuff #E7E2F0 231, 226, 240 4, 6, 0, 6
Di Serria #D6A24A 214, 162, 74 0, 24, 65, 16

Kamisato Ayaka CSS & Tailwind Color Variables

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

:root {
/* Kamisato Ayaka Genshin Impact Palette */
--kamisato-ayaka-genshin-impact-sapphire: #2F5EA8;
--kamisato-ayaka-genshin-impact-portage: #78A6E5;
--kamisato-ayaka-genshin-impact-link-water: #C9D8F2;
--kamisato-ayaka-genshin-impact-snuff: #E7E2F0;
--kamisato-ayaka-genshin-impact-di-serria: #D6A24A;
}

Kamisato Ayaka CSS Gradients

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

Click to Copy CSS
Sapphire to Snuff#2F5EA8 → #E7E2F0
Click to Copy CSS
Link Water to Sapphire#C9D8F2 → #2F5EA8

Kamisato Ayaka Color Scheme Breakdown

Sapphire#2F5EA8

This deep azure is the core tone of Ayaka’s kimono-inspired battle dress, dominating her skirt and panels; it signals Inazuman nobility, calm discipline, and the cool precision of her Cryo sword style.

Portage#78A6E5

A light icy blue appears in ribbon details and fabric accents around her outfit and accessories; it reinforces the Cryo identity, conveying crystalline elegance, winter air, and a refined, graceful movement silhouette.

Link Water#C9D8F2

A pale frost-blue shows up in small trim, decorative patterns, and soft clothing highlights; it reads as snow-kissed silk, adding airy purity and emphasizing her composed, aristocratic presence in cutscenes and gameplay.

Snuff#E7E2F0

This near-white lavender-tinted tone is most noticeable in Ayaka’s hair and some garment lining; it communicates pristine refinement, moonlit serenity, and the delicate, ceremonial side of her character design.

Di Serria#D6A24A

Warm gold is used in her fan ornament, clasps, and emblem-like accents; it evokes high status and traditional craftsmanship, creating a noble contrast against the blues and underscoring her role as a clan princess.

Kamisato Ayaka 60-30-10 Design Rule

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

60% Background
#E7E2F0
30% Primary
#78A6E5
10% Accent
#2F5EA8

Use Snuff (#E7E2F0) for large background spaces, Portage (#78A6E5) for primary text and structural UI elements, and vibrant Sapphire (#2F5EA8) exclusively for call-to-action buttons and important highlights.

Kamisato Ayaka UI Component Preview

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

Kamisato Ayaka

Cryo Noble

“Dignity and grace guide my blade.”

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

  • Main LED: 47, 94, 168
  • Accent LED: 120, 166, 229

The Design Philosophy behind Kamisato Ayaka’s Palette

The design philosophy behind Ayaka’s palette deliberately maps character, culture, and gameplay into color. Deep Sapphire (#2F5EA8) conveys calm authority and the Cryo element’s cold precision, while mid and pale blues like Portage (#78A6E5) and Link Water (#C9D8F2) create layered translucency that reads as silk, frost, and motion. Near-white Snuff (#E7E2F0) in hair and trims signals ceremonial purity; Di Serria (#D6A24A) is used sparingly as a metallic highlight to communicate status and draw attention to functional artifacts like clasps and fans. This constrained, high-contrast approach makes the palette readable at both game-scale and UI resolutions, and provides dependable HEX codes for consistent branding and asset work.

Best Kamisato Ayaka Color Combinations

Noble Contrast

Deep Sapphire with warm gold creates a high-value focal contrast ideal for highlighting badges, CTAs, or ornamentation against cool backgrounds.

Frosted Layering

A mid-ice blue paired with a pale frost tone gives soft depth and readable hierarchy for backgrounds, cards, and subtle UI accents.

Download Kamisato Ayaka Genshin Impact Color Palette

ASE

Kamisato Ayaka .ASE Swatches

For Adobe Swatches & Procreate

SVG

Kamisato Ayaka .SVG Palette

Vector Color Palette

PNG

Kamisato Ayaka .PNG Image

High-Quality Palette Preview

FAQs about Kamisato Ayaka Genshin Impact Color Codes

What is the color of Ayaka’s hair?

Ayaka’s hair uses a near-white lavender-tinted tone represented by HEX #E7E2F0 (Snuff).

What is the primary color of Ayaka’s outfit?

The main kimono panels and dominant outfit color are deep azure, HEX #2F5EA8 (Sapphire).

Which accent color is used for ornaments and highlights?

Warm gold accents like HEX #D6A24A (Di Serria) are used sparingly for ornaments, clasps, and fan details.

Copied