Kaveh Genshin Impact Color Codes, Palette & HEX Guide for Designers

Kaveh Genshin Impact Color Codes, Palette & HEX Guide for Designers

Kaveh, the flamboyant architect from Genshin Impact, blends bold personality with refined scholar aesthetics through a tightly controlled palette. His signature fiery hair uses #D46A2D (Piper) while garment panels and inner fabrics rely on #F2E3C5 (Albescent White) to soften and balance the composition; trims of #1F7A6A (Elm) inject Dendro-linked cool contrast. For UI/UX designers and artists searching for Kaveh color codes or HEX palettes, this combination delivers clear visual hierarchy, legibility, and a memorable silhouette suitable for themed UI components, splash art, and brand studies.

Piper
#D46A2D
Albescent White
#F2E3C5
Elm
#1F7A6A
Woody Brown
#3B2A2A
Roti
#C9A24A

Kaveh Genshin Impact Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Piper #D46A2D 212, 106, 45 0, 50, 79, 17
Albescent White #F2E3C5 242, 227, 197 0, 6, 19, 5
Elm #1F7A6A 31, 122, 106 75, 0, 13, 52
Woody Brown #3B2A2A 59, 42, 42 0, 29, 29, 77
Roti #C9A24A 201, 162, 74 0, 19, 63, 21

Kaveh CSS & Tailwind Color Variables

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

:root {
/* Kaveh Genshin Impact Palette */
--kaveh-genshin-impact-piper: #D46A2D;
--kaveh-genshin-impact-albescent-white: #F2E3C5;
--kaveh-genshin-impact-elm: #1F7A6A;
--kaveh-genshin-impact-woody-brown: #3B2A2A;
--kaveh-genshin-impact-roti: #C9A24A;
}

Kaveh CSS Gradients

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

Click to Copy CSS
Piper to Woody Brown#D46A2D → #3B2A2A
Click to Copy CSS
Elm to Piper#1F7A6A → #D46A2D

Kaveh Color Scheme Breakdown

Piper#D46A2D

This warm orange is the most recognizable color in Kaveh’s design, dominating his voluminous hair and reinforcing his bright, expressive, flamboyant architect persona within Sumeru’s aesthetic.

Albescent White#F2E3C5

A soft ivory-beige appears across key garment panels and inner fabric accents, balancing the saturated hair color and giving Kaveh a refined, scholarly, Sumeru-academia elegance.

Elm#1F7A6A

A teal-green tone shows up in prominent clothing trims and ornamental elements, tying him visually to Dendro-themed Sumeru design language while adding cool contrast to his warm palette.

Woody Brown#3B2A2A

Deep brown is used on belts, straps, and structural outfit pieces, grounding the otherwise bright scheme and suggesting practical craftsmanship and the utilitarian aspects of his architect tools.

Roti#C9A24A

Muted gold appears in accessories, decorative edging, and metallic details, signaling prestige and artistry while echoing Sumeru’s ornate motifs and enhancing the premium, exhibition-like character presentation.

Kaveh 60-30-10 Design Rule

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

60% Background
#F2E3C5
30% Primary
#3B2A2A
10% Accent
#D46A2D

Use Albescent White (#F2E3C5) for large background spaces, Woody Brown (#3B2A2A) for primary text and structural UI elements, and vibrant Piper (#D46A2D) exclusively for call-to-action buttons and important highlights.

Kaveh UI Component Preview

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

Kaveh

Flamboyant Architect

“Art isn’t a luxury—it’s a necessity.”

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

  • Main LED: 212, 106, 45
  • Accent LED: 242, 227, 197

The Design Philosophy behind Kaveh’s Palette

The design philosophy behind Kaveh’s palette prioritizes narrative clarity and functional contrast. Warm, flamboyant orange (#D46A2D Piper) conveys creativity and theatricality, while Albescent White (#F2E3C5) suggests scholarly refinement and provides necessary negative space for readability. Elm (#1F7A6A) ties the character to Sumeru’s Dendro aesthetic and offers complementary coolness to avoid visual monotony. Woody Brown (#3B2A2A) grounds decorative elements in practicality, and muted gold (#C9A24A Roti) signals craftsmanship and prestige. For designers looking up Kaveh HEX codes or building a UI palette inspired by the character, this balance gives both personality and accessibility, making components pop without sacrificing cohesion.

Best Kaveh Color Combinations

Flare vs. Foliage

Warm Piper orange paired with Elm teal creates high visual contrast ideal for call-to-action buttons and hero accents.

Ivory & Artisanal Gold

Albescent White with Roti gold yields an elegant background-to-accent combo perfect for card surfaces and premium UI trims.

Download Kaveh Genshin Impact Color Palette

ASE

Kaveh .ASE Swatches

For Adobe Swatches & Procreate

SVG

Kaveh .SVG Palette

Vector Color Palette

PNG

Kaveh .PNG Image

High-Quality Palette Preview

FAQs about Kaveh Genshin Impact Color Codes

What is the HEX code for Kaveh’s hair color?

Kaveh’s hair uses the warm orange HEX #D46A2D (Piper).

Which HEX codes define Kaveh’s main outfit and overall palette?

The core outfit palette combines #F2E3C5 (Albescent White) as the primary fabric tone with #1F7A6A (Elm) for trims and #3B2A2A (Woody Brown) for structural elements.

What HEX is used for Kaveh’s metallic accents or decorative edging?

Muted gold accents use HEX #C9A24A (Roti) to signal artisanal detail and prestige.

Copied