Blade presents a disciplined, silhouette-first aesthetic that blends shadow and strike. His design is anchored by Woodsmoke #0B0B0D for deep matte black surfaces, Rusty Red #D7263D along blade edges and trims, and Roti #CFA24B for warm metallic accents. For UI/UX designers and artists searching for Blade HEX codes or palette references, this five-color system (including Porcelain #F5F6F7 and Shark #2E2E33) gives clear contrast pairs and token-ready values to reproduce his menacing yet refined look in interfaces, icons, and fan creations.
Blade Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Woodsmoke | #0B0B0D | 11, 11, 13 | 15, 15, 0, 95 | |
| Rusty Red | #D7263D | 215, 38, 61 | 0, 82, 72, 16 | |
| Roti | #CFA24B | 207, 162, 75 | 0, 22, 64, 19 | |
| Porcelain | #F5F6F7 | 245, 246, 247 | 1, 0, 0, 3 | |
| Shark | #2E2E33 | 46, 46, 51 | 10, 10, 0, 80 |
Blade CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Blade Honkai Star Rail Palette */
--blade-honkai-star-rail-woodsmoke: #0B0B0D;
--blade-honkai-star-rail-rusty-red: #D7263D;
--blade-honkai-star-rail-roti: #CFA24B;
--blade-honkai-star-rail-porcelain: #F5F6F7;
--blade-honkai-star-rail-shark: #2E2E33;
}More Honkai: Star Rail Color Codes (Black Palette)
Blade CSS Gradients
Beautiful gradient backgrounds inspired by Blade’s aesthetic. Click to copy the CSS code.
Blade Color Scheme Breakdown
Woodsmoke#0B0B0D
Deep matte black appears across Blade’s long coat, boots, and primary armor panels, conveying stealth, seriousness, and a silhouette-focused design that anchors his visual identity and contrasts sharply with accent hues.
Rusty Red#D7263D
Vibrant crimson red runs along the sword edge, collar trim, and ribbon accents, highlighting Blade’s aggressive energy, focal points of motion, and signaling danger and martial prowess within his overall costume design.
Roti#CFA24B
Warm gold detailing decorates buckles, ornamental filigree, and chest insignia, implying nobility, craftsmanship, and a refined contrast against darker fabrics while emphasizing key structural and visual silhouette elements of his ensemble.
Porcelain#F5F6F7
Pale off-white surfaces appear on inner shirts, highlights in hair strands, and subtle trim, providing brightness, clarity, and readability to facial features and small accessories, defining silhouette against his darker outerwear.
Shark#2E2E33
Cool gunmetal grey serves on blade metalwork, buckles, and mechanical joints, reinforcing industrial utility, cold precision, and textural depth while separating metallic surfaces from fabric and painted accents, contributing to his utilitarian visual language.
Blade 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Blade’s palette for a perfectly balanced visual hierarchy.
Blade UI Component Preview
Here is a live example of how the Blade color palette looks when applied to a modern UI component.
Blade
Stealth Swordsman
“Let the blade do the talking.”
Blade 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 Blade’s aesthetic.
- Main LED: 11, 11, 13
- Accent LED: 215, 38, 61
The Design Philosophy behind Blade’s Palette
The design philosophy behind Blade translates narrative role into practical visual language: Woodsmoke #0B0B0D provides a silhouette anchor that reads well at small scales and conveys stealth; Rusty Red #D7263D operates as an action-oriented signal on edges and motion focal points; Roti #CFA24B supplies a regal metallic warmth that suggests craftsmanship and rank; Porcelain #F5F6F7 offers necessary highlights for facial clarity and trim; Shark #2E2E33 separates metallic and fabric textures. This palette succeeds because high-contrast accents sit on neutral, low-key bases, enabling readable UI implementations and predictable HEX mappings for designers looking for precise color codes and palette usage guidance.
Best Blade Color Combinations
High-Contrast Strike
Woodsmoke #0B0B0D with Rusty Red #D7263D creates immediate focal contrast, ideal for call-to-action buttons or danger indicators in UI.
Regal Highlight Pair
Roti #CFA24B paired with Porcelain #F5F6F7 balances warm metallic highlights against soft off-white for badges, borders, and ornamental UI elements.
Explore More Honkai: Star Rail Character Color Codes
Download Blade Honkai Star Rail Color Palette
Blade .ASE Swatches
For Adobe Swatches & Procreate
Blade .SVG Palette
Vector Color Palette
Blade .PNG Image
High-Quality Palette Preview
FAQs about Blade Honkai Star Rail Color Codes
What is the color of Blade’s sword edge and trim?
Blade’s sword edge and trim use the vibrant Rusty Red #D7263D.
What is the primary outfit color used for Blade’s coat and silhouette?
The primary coat and silhouette color is Woodsmoke #0B0B0D.
Which color is used for metallic details and ornamental highlights?
Warm metallic details and filigree are rendered in Roti #CFA24B (complemented by Shark #2E2E33 for gunmetal parts and Porcelain #F5F6F7 for small highlights).
