Serval from Honkai Star Rail is a lively, catlike scout whose visual identity reads as playful and kinetic. Her primary fur uses #F7B500 (Selective Yellow) for energetic warmth, balanced by #FFF7E0 (Varden) creamy highlights and punched with #2EC4A6 (Shamrock) eye accents. For designers searching for Serval color codes or a ready-made HEX palette, this guide breaks down how each swatch supports personality, silhouette, and UI accent strategies—ideal for character pages, fan art, or UI kits that need faithful, searchable HEX values.
Serval Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Selective Yellow | #F7B500 | 247, 181, 0 | 0, 27, 100, 3 | |
| Varden | #FFF7E0 | 255, 247, 224 | 0, 3, 12, 0 | |
| Eerie Black | #1B1B1B | 27, 27, 27 | 0, 0, 0, 89 | |
| Shamrock | #2EC4A6 | 46, 196, 166 | 77, 0, 15, 23 | |
| Mule Fawn | #8B5A2B | 139, 90, 43 | 0, 35, 69, 45 |
Serval CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Serval Honkai Star Rail Palette */
--serval-honkai-star-rail-selective-yellow: #F7B500;
--serval-honkai-star-rail-varden: #FFF7E0;
--serval-honkai-star-rail-eerie-black: #1B1B1B;
--serval-honkai-star-rail-shamrock: #2EC4A6;
--serval-honkai-star-rail-mule-fawn: #8B5A2B;
}More Honkai: Star Rail Color Codes (Orange Palette)
Serval CSS Gradients
Beautiful gradient backgrounds inspired by Serval’s aesthetic. Click to copy the CSS code.
Serval Color Scheme Breakdown
Selective Yellow#F7B500
A vibrant golden-orange representing Serval’s primary fur and hair, appearing across her head, ears, and tail to convey energetic warmth and the character’s feline, sunlit aesthetic.
Varden#FFF7E0
A soft creamy off-white used for Serval’s chest, inner ears, and facial fur highlights, balancing the saturated orange while suggesting softness and natural fur underlighting.
Eerie Black#1B1B1B
A deep near-black used for spot markings, ear tips, and costume trim, providing contrast for patterning and emphasizing facial features and silhouette definition.
Shamrock#2EC4A6
A bright teal-green used for Serval’s eye color and small accessory accents, injecting lively contrast that draws focus to expression and adds a playful, modern touch.
Mule Fawn#8B5A2B
A warm mid-brown used for leather straps, boots, and costume details, grounding the palette with practical, earthy tones that complement the orange fur and overall outfit.
Serval 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Serval’s palette for a perfectly balanced visual hierarchy.
Serval UI Component Preview
Here is a live example of how the Serval color palette looks when applied to a modern UI component.
Serval
Feline Scout
“”I’m hungry!””
Serval 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 Serval’s aesthetic.
- Main LED: 247, 181, 0
- Accent LED: 255, 247, 224
The Design Philosophy behind Serval’s Palette
The design philosophy behind Serval’s palette centers on readable contrast, emotional signaling, and functional accents. #F7B500 (Selective Yellow) communicates vivacity and feline warmth, while #FFF7E0 (Varden) provides soft underlighting that reads well at small scales and keeps skin/fur areas from oversaturating. Deep anchoring tones like #1B1B1B (Eerie Black) and #8B5A2B (Mule Fawn) form costume structure and afford clear separation for UI elements and patterning. A pop of #2EC4A6 (Shamrock) functions as an attention magnet for eyes and interactive affordances. This calculated palette ensures accessibility, brand coherence, and easy implementation when searching for character HEX codes or creating responsive UI components.
Best Serval Color Combinations
Sun & Shadow
High-contrast pairing that uses Selective Yellow for primary emphasis and Eerie Black to define shapes, ideal for legible CTAs and iconography.
Creamed Earth
Soft off-white with warm brown grounding creates a natural, tactile backdrop for UI panels and costume detailing.
Explore More Honkai: Star Rail Character Color Codes
Download Serval Honkai Star Rail Color Palette
Serval .ASE Swatches
For Adobe Swatches & Procreate
Serval .SVG Palette
Vector Color Palette
Serval .PNG Image
High-Quality Palette Preview
FAQs about Serval Honkai Star Rail Color Codes
What is the HEX color for Serval’s fur and hair?
Serval’s primary fur and hair use #F7B500 (Selective Yellow).
What are the main outfit and trim colors in Serval’s design?
The outfit uses grounding trims of #8B5A2B (Mule Fawn) and high-contrast accents of #1B1B1B (Eerie Black).
Which HEX is used for Serval’s eye and accessory accents?
Serval’s lively eye and small accessories use #2EC4A6 (Shamrock) as the accent HEX.
