Kujou Sara (Genshin Impact) Color Codes, Palette & HEX Guide

Kujou Sara (Genshin Impact) Color Codes, Palette & HEX Guide

Kujou Sara’s visual identity balances martial authority with tengu heritage through a restrained, purposeful palette. The muted violet Cyber Grape (#5B3B7A) anchors her uniform as an Electro signature, while near-black Baltic Sea (#1B1A22) enforces structure and discipline; accents like muted gold Husk (#B59B5A) and warm Satin Linen (#E6E1D6) punctuate rank and feathers. For designers and creators searching Kujou Sara color codes, this palette and HEX breakdown offers practical values for UI, concept art, and branding that preserve her ceremonial yet militaristic aesthetic.

Cyber Grape
#5B3B7A
Baltic Sea
#1B1A22
Satin Linen
#E6E1D6
Husk
#B59B5A
Cowboy
#4B2A28

Kujou Sara Genshin Impact Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Cyber Grape #5B3B7A 91, 59, 122 25, 52, 0, 52
Baltic Sea #1B1A22 27, 26, 34 21, 24, 0, 87
Satin Linen #E6E1D6 230, 225, 214 0, 2, 7, 10
Husk #B59B5A 181, 155, 90 0, 14, 50, 29
Cowboy #4B2A28 75, 42, 40 0, 44, 47, 71

Kujou Sara CSS & Tailwind Color Variables

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

:root {
/* Kujou Sara Genshin Impact Palette */
--kujou-sara-genshin-impact-cyber-grape: #5B3B7A;
--kujou-sara-genshin-impact-baltic-sea: #1B1A22;
--kujou-sara-genshin-impact-satin-linen: #E6E1D6;
--kujou-sara-genshin-impact-husk: #B59B5A;
--kujou-sara-genshin-impact-cowboy: #4B2A28;
}

Kujou Sara CSS Gradients

Beautiful gradient backgrounds inspired by Kujou Sara’s aesthetic. Click to copy the CSS code.

Click to Copy CSS
Cyber Grape to Husk#5B3B7A → #B59B5A
Click to Copy CSS
Satin Linen to Cyber Grape#E6E1D6 → #5B3B7A

Kujou Sara Color Scheme Breakdown

Cyber Grape#5B3B7A

This muted violet appears across Kujou Sara’s main outfit fabric panels and layered kimono-like sections, reinforcing her Electro-aligned identity and disciplined Inazuman military presence without relying on highlights.

Baltic Sea#1B1A22

A near-black charcoal shows on her inner clothing, straps, and structural garment pieces, adding stern contrast and communicating her serious, dutiful personality as a Tenryou Commission general.

Satin Linen#E6E1D6

This warm off-white is used on her prominent feathered wings and light garment accents, symbolizing tengu heritage and giving a ceremonial, authoritative feel against her darker uniform tones.

Husk#B59B5A

A muted gold appears on trims, ornaments, and emblem-like details, suggesting rank, tradition, and Inazuman craftsmanship while visually tying her uniform together with restrained elegance.

Cowboy#4B2A28

This deep reddish-brown is present in her hair and some leather elements, grounding the palette with natural warmth and emphasizing her human side beneath the strict military exterior.

Kujou Sara 60-30-10 Design Rule

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

60% Background
#E6E1D6
30% Primary
#1B1A22
10% Accent
#5B3B7A

Use Satin Linen (#E6E1D6) for large background spaces, Baltic Sea (#1B1A22) for primary text and structural UI elements, and vibrant Cyber Grape (#5B3B7A) exclusively for call-to-action buttons and important highlights.

Kujou Sara UI Component Preview

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

Kujou Sara

Electro Tengu General

“I am Kujou Sara, General of the Tenryou Commission.”

Kujou Sara 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 Kujou Sara’s aesthetic.

  • Main LED: 91, 59, 122
  • Accent LED: 27, 26, 34

The Design Philosophy behind Kujou Sara’s Palette

The design philosophy behind Kujou Sara’s palette uses contrast and cultural cues to convey role and story. Cyber Grape provides an Electro-linked primary hue without neon saturation, allowing emotive depth rather than flashy spectacle; Baltic Sea acts as a near-black structural ground that reads as uniform and authoritative. Satin Linen references tengu plumage and ceremonial lightness, while Husk metadata as decorative trim signals rank and tradition. Cowboy (hair tones) adds organic warmth to humanize the character. Together these HEX-selected values create readable hierarchies for UI, stand out in dark-mode palettes, and translate well between digital color codes and print or textile production.

Best Kujou Sara Color Combinations

Ceremonial Contrast

Muted violet paired with warm off-white gives strong legibility and a ceremonial contrast ideal for hero banners or profile headers.

Authority & Trim

Near-black combined with muted gold reads as formal and high-rank, perfect for UI chrome, badges, and accent affordances.

Download Kujou Sara Genshin Impact Color Palette

ASE

Kujou Sara .ASE Swatches

For Adobe Swatches & Procreate

SVG

Kujou Sara .SVG Palette

Vector Color Palette

PNG

Kujou Sara .PNG Image

High-Quality Palette Preview

FAQs about Kujou Sara Genshin Impact Color Codes

What is the HEX of Kujou Sara’s main outfit color?

The primary outfit fabric color is Cyber Grape, HEX #5B3B7A.

What HEX represents her hair color?

Her hair and some leather elements use a deep reddish-brown called Cowboy, HEX #4B2A28.

Which HEX is used for her trims and emblem details?

Trims and emblem-like accents use the muted gold Husk, HEX #B59B5A.

Copied