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.
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;
}
More Genshin Impact Color Codes (Orange Palette)
Kaveh CSS Gradients
Beautiful gradient backgrounds inspired by Kaveh’s aesthetic. Click to copy the CSS code.
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.
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.
Explore More Genshin Impact Character Color Codes
Download Kaveh Genshin Impact Color Palette
Kaveh .ASE Swatches
For Adobe Swatches & Procreate
Kaveh .SVG Palette
Vector Color Palette
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.











