Gepard is a high-energy frontline fighter whose visual identity is built to read at a glance: bold, aggressive, and kinetic. His primary armor and coat accents use Pumpkin #FF7A18 to convey momentum, while Dandelion #FFD36E warms trims and emblems; the deep Shark #1B1B1F grounds the silhouette. For designers searching Gepard color codes or HEX references for UI/UX and fan art, this palette balances standout highlights with a utilitarian base, making it ideal for action-focused layouts, button states, and HUD accents that need clarity and impact.
Gepard Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Pumpkin | #FF7A18 | 255, 122, 24 | 0, 52, 91, 0 | |
| Dandelion | #FFD36E | 255, 211, 110 | 0, 17, 57, 0 | |
| Shark | #1B1B1F | 27, 27, 31 | 13, 13, 0, 88 | |
| White | #FFFFFF | 255, 255, 255 | 0, 0, 0, 0 | |
| Valencia | #D73D3D | 215, 61, 61 | 0, 72, 72, 16 |
Gepard CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Gepard Honkai Star Rail Palette */
--gepard-honkai-star-rail-pumpkin: #FF7A18;
--gepard-honkai-star-rail-dandelion: #FFD36E;
--gepard-honkai-star-rail-shark: #1B1B1F;
--gepard-honkai-star-rail-white: #FFFFFF;
--gepard-honkai-star-rail-valencia: #D73D3D;
}More Honkai: Star Rail Color Codes (Orange Palette)
Gepard CSS Gradients
Beautiful gradient backgrounds inspired by Gepard’s aesthetic. Click to copy the CSS code.
Gepard Color Scheme Breakdown
Pumpkin#FF7A18
A vivid orange used for Gepard’s primary armor plating and coat accents, symbolizing his kinetic energy and frontline presence; it highlights movement lines and cheetah-inspired motifs, giving the character a bold, aggressive silhouette.
Dandelion#FFD36E
Warm gold-yellow present on trim, belts and small emblem details, conveying wealth and warmth while referencing a cheetah’s fur tones; it balances the palette by softening intense orange highlights and accentuating ornamentation.
Shark#1B1B1F
Deep charcoal-black used for the base coat, gloves, inner lining and tactical straps, grounding Gepard’s vibrant accents; it defines silhouette, contrasts metallic elements and communicates a utilitarian, stealthy combat-ready aesthetic.
White#FFFFFF
Crisp white appears on fur trims, insignia and hair highlights, offering high-contrast relief against darker fabrics; this color emphasizes facial features, highlights motion and suggests a clean, sharp visual language.
Valencia#D73D3D
Deep scarlet used sparingly for eye color, small insignias and damage-mark accents, signaling danger and focus points; it punctuates the design to draw attention to expression and weapon energy nodes.
Gepard 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Gepard’s palette for a perfectly balanced visual hierarchy.
Gepard UI Component Preview
Here is a live example of how the Gepard color palette looks when applied to a modern UI component.
Gepard
Kinetic Frontline Duelist
“I run for the thrill—and I never miss my mark.”
Gepard 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 Gepard’s aesthetic.
- Main LED: 255, 122, 24
- Accent LED: 255, 211, 110
The Design Philosophy behind Gepard’s Palette
The design philosophy behind Gepard’s palette pairs high-visibility accent tones with a utilitarian dark base to communicate both personality and function. Pumpkin #FF7A18 signals movement and aggression—perfect for readouts like damage or active states—while Dandelion #FFD36E provides ornamentation and secondary emphasis that reads well at small scales. Shark #1B1B1F serves as the tactical canvas, enhancing contrast and legibility across UI elements. Sparse use of Valencia #D73D3D creates focal points for attention (eyes, critical nodes), and White #FFFFFF offers crisp highlights and separation. This HEX-driven approach ensures accessible contrast, intuitive hierarchy, and a character-aligned palette that works across texture, lighting, and interface components.
Best Gepard Color Combinations
Kinetic Accent Pair
Bright Pumpkin against Shark creates high contrast ideal for primary CTA buttons and action indicators in UI.
Warm Highlight Duo
Dandelion on a Shark base offers warm ornamentation that reads well for badges, trims, and secondary labels.
Explore More Honkai: Star Rail Character Color Codes
Download Gepard Honkai Star Rail Color Palette
Gepard .ASE Swatches
For Adobe Swatches & Procreate
Gepard .SVG Palette
Vector Color Palette
Gepard .PNG Image
High-Quality Palette Preview
FAQs about Gepard Honkai Star Rail Color Codes
What is the primary accent color for Gepard’s armor and energy highlights?
The primary accent color is Pumpkin, HEX #FF7A18, used for major armor accents and kinetic motifs.
Which color forms the main base of Gepard’s outfit and silhouette?
The main base color is Shark, HEX #1B1B1F, grounding the design and improving contrast for UI elements.
What secondary or eye-catching colors are used for details and focal points?
Secondary highlights use Dandelion HEX #FFD36E for trims and White HEX #FFFFFF for crisp edges; Valencia HEX #D73D3D is used sparingly for critical focal points like eyes or damage marks.
