Rappa’s visual identity leans into earthy practicality and seasoned travel-wear: Mule Fawn (#8B5A2B) anchors his coat and leather trims, Di Serria (#D9A066) highlights tunic panels and straps, while Albescent White (#F2E0C6) brightens linings and facial framing. For designers searching Rappa HEX codes or color codes for UI, this palette is a compact study in readable, tactile color—grounded neutrals for silhouette clarity and a single energetic accent to direct attention. Use these exact HEX values when building character thumbnails, UI accents, or fan art to preserve the authentic, lived-in explorer vibe of the character.
Rappa Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Mule Fawn | #8B5A2B | 139, 90, 43 | 0, 35, 69, 45 | |
| Di Serria | #D9A066 | 217, 160, 102 | 0, 26, 53, 15 | |
| Woody Brown | #3C2F2F | 60, 47, 47 | 0, 22, 22, 76 | |
| Albescent White | #F2E0C6 | 242, 224, 198 | 0, 7, 18, 5 | |
| Tall Poppy | #C0392B | 192, 57, 43 | 0, 70, 78, 25 |
Rappa CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Rappa Honkai Star Rail Palette */
--rappa-honkai-star-rail-mule-fawn: #8B5A2B;
--rappa-honkai-star-rail-di-serria: #D9A066;
--rappa-honkai-star-rail-woody-brown: #3C2F2F;
--rappa-honkai-star-rail-albescent-white: #F2E0C6;
--rappa-honkai-star-rail-tall-poppy: #C0392B;
}More Honkai: Star Rail Color Codes (Brown Palette)
Rappa CSS Gradients
Beautiful gradient backgrounds inspired by Rappa’s aesthetic. Click to copy the CSS code.
Rappa Color Scheme Breakdown
Mule Fawn#8B5A2B
This deep saddle-brown dominates Rappa’s coat and leather trims, grounding his rugged explorer aesthetic while conveying durability and practical warmth associated with his background and equipment in combat and daily life.
Di Serria#D9A066
A warm tan appears on the character’s tunic panels and strap details, highlighting layered clothing construction and suggesting approachable warmth, mobility, and a lived-in artisanal, travel-ready vibe across his outfit.
Woody Brown#3C2F2F
Dark brown appears on boots, belts, and glove palms, providing contrast and visual weight that anchors silhouette lines, reinforces practical durability, and emphasizes action points like grip and grounding during movement.
Albescent White#F2E0C6
A soft cream fills inner linings, collar trim, and ornamental stitching, offering light contrast to darker leathers, suggesting comfort, attentiveness to detail, and making facial features and accessories read clearly at distance.
Tall Poppy#C0392B
A muted red is used sparingly for cuff piping, insignia, and skill-flare accents, injecting energetic focal points that signal passion, urgency, and ties to his faction or personal emblem within combat animations.
Rappa 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Rappa’s palette for a perfectly balanced visual hierarchy.
Rappa UI Component Preview
Here is a live example of how the Rappa color palette looks when applied to a modern UI component.
Rappa
Rugged Scout
“Keep moving—there’s work to be done.”
Rappa 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 Rappa’s aesthetic.
- Main LED: 139, 90, 43
- Accent LED: 217, 160, 102
The Design Philosophy behind Rappa’s Palette
Rappa’s design philosophy uses material-driven color storytelling: deep Mule Fawn (#8B5A2B) and Woody Brown (#3C2F2F) read as durable leather and grip, Di Serria (#D9A066) suggests layered fabric and mobility, and Albescent White (#F2E0C6) creates contrast for facial legibility and ornamentation. Tall Poppy (#C0392B) is intentionally sparse—reserved for piping, insignia, and skill flares—to communicate urgency without overpowering the base tones. For anyone searching ‘Rappa color codes’ or ‘Honkai Star Rail HEX’, this palette succeeds because it pairs functional hierarchy with expressive accents: base neutrals to ground form, light neutrals for readability, and a warm red to draw focus and signal interaction.
Best Rappa Color Combinations
Explorer Base & Highlight
Mule Fawn with Albescent White balances rugged leather tones and light accents for clear silhouettes and readable UI elements.
Warm Accent Pair
Tall Poppy paired with Di Serria creates energetic focal points with warm supporting tans ideal for badges or call-to-action highlights.
Explore More Honkai: Star Rail Character Color Codes
Download Rappa Honkai Star Rail Color Palette
Rappa .ASE Swatches
For Adobe Swatches & Procreate
Rappa .SVG Palette
Vector Color Palette
Rappa .PNG Image
High-Quality Palette Preview
FAQs about Rappa Honkai Star Rail Color Codes
What is the primary coat or leather color for Rappa?
The primary coat and leather trim color is Mule Fawn, HEX #8B5A2B.
What is the main tunic or clothing panel color in Rappa’s outfit?
Main tunic panels and strap details use Di Serria, HEX #D9A066.
Which color is used for accents, insignia, or skill flares?
Accent and insignia color is Tall Poppy, HEX #C0392B (with Albescent White #F2E0C6 used for lining contrast).
