Sampo, the veteran artisan from Honkai Star Rail, uses a rugged, warm palette that reinforces his blacksmith identity and practical aesthetic. Core tones like #D97706 Tahiti Gold give his coat a signature burnt orange weight, while #7C3F00 Cinnamon anchors straps and boots with deep leather brown; small pops of #0EA5A4 Blue Green act as energetic accents on gems and linings. For designers searching for Sampo color codes, this palette offers clear HEX values and a balanced warm-cool contrast ideal for UI design, character art, and asset pipelines seeking an authentic, craft-driven visual language.
Sampo Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Tahiti Gold | #D97706 | 217, 119, 6 | 0, 45, 97, 15 | |
| Cinnamon | #7C3F00 | 124, 63, 0 | 0, 49, 100, 51 | |
| Lightning Yellow | #FBBF24 | 251, 191, 36 | 0, 24, 86, 2 | |
| Blue Green | #0EA5A4 | 14, 165, 164 | 92, 0, 1, 35 | |
| Spring Wood | #F8F4EF | 248, 244, 239 | 0, 2, 4, 3 |
Sampo CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Sampo Honkai Star Rail Palette */
--sampo-honkai-star-rail-tahiti-gold: #D97706;
--sampo-honkai-star-rail-cinnamon: #7C3F00;
--sampo-honkai-star-rail-lightning-yellow: #FBBF24;
--sampo-honkai-star-rail-blue-green: #0EA5A4;
--sampo-honkai-star-rail-spring-wood: #F8F4EF;
}More Honkai: Star Rail Color Codes (Orange Palette)
Sampo CSS Gradients
Beautiful gradient backgrounds inspired by Sampo’s aesthetic. Click to copy the CSS code.
Sampo Color Scheme Breakdown
Tahiti Gold#D97706
This burnt orange appears across Sampo’s heavy smithing coat and layered clothing, establishing a warm, rugged artisan aesthetic that signals his craft and serves as the character’s primary visual anchor in promotional art.
Cinnamon#7C3F00
A deep leather brown is used for Sampo’s boots, belts, straps, and gauntlets, conveying durability and workwear practicality while grounding the palette visually and reinforcing his role as a hands‑on blacksmith.
Lightning Yellow#FBBF24
A warm gold trim and ornamentation on Sampo’s armor, tools, and accessory details highlights craftsmanship, status, and focal points of design, adding contrast and metallic feel without serving as the main garment color.
Blue Green#0EA5A4
A cool teal accent appears in small motifs, gemstones, or cloth linings, providing visual contrast to the warm outfit, suggesting energy or elemental essence and drawing attention to focal accessories or weapon parts.
Spring Wood#F8F4EF
An off‑white neutral is used for hair, inner shirts, or small cloth wraps, softening the overall palette, improving readability of silhouette edges, and emphasizing age, experience, or traditional garment layers.
Sampo 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Sampo’s palette for a perfectly balanced visual hierarchy.
Sampo UI Component Preview
Here is a live example of how the Sampo color palette looks when applied to a modern UI component.
Sampo
Master Blacksmith
“A smith’s work is never done.”
Sampo 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 Sampo’s aesthetic.
- Main LED: 217, 119, 6
- Accent LED: 124, 63, 0
The Design Philosophy behind Sampo’s Palette
The design philosophy behind Sampo’s palette prioritizes narrative clarity and functional contrast. Warm, earthy hues (#D97706 Tahiti Gold and #7C3F00 Cinnamon) communicate durability, hands‑on labor, and artisanal warmth, while metallic highlights like #FBBF24 Lightning Yellow suggest craftsmanship and focal ornamentation. A cool accent such as #0EA5A4 Blue Green introduces vitality and draws attention to interactive or magical elements without overpowering the grounded base. The off‑white #F8F4EF Spring Wood softens edges and improves silhouette readability. For UI and branding use, these color codes provide hierarchical clarity—primary garment, secondary materials, metallic trims, and accents—making the palette both expressive and practical for developers and designers referencing exact HEX values.
Best Sampo Color Combinations
Forge & Leather Contrast
Tahiti Gold with Cinnamon pairs warm wearable fabric and leather tones for a grounded, high‑contrast look ideal for primary UI elements and character panels.
Metal Accent Pop
Lightning Yellow paired with Blue Green provides a metallic highlight and cool counterpoint that directs attention to icons, buttons, or gemstone details.
Explore More Honkai: Star Rail Character Color Codes
Download Sampo Honkai Star Rail Color Palette
Sampo .ASE Swatches
For Adobe Swatches & Procreate
Sampo .SVG Palette
Vector Color Palette
Sampo .PNG Image
High-Quality Palette Preview
FAQs about Sampo Honkai Star Rail Color Codes
What is the color code for Sampo’s hair or light cloth details?
Sampo’s hair and light inner cloth are represented by Spring Wood: #F8F4EF.
What is the primary outfit color used for Sampo’s coat and layered garments?
The primary coat color is Tahiti Gold: #D97706, a burnt orange that anchors his outfit and silhouette.
Which HEX is used for accent gems or cloth linings?
Accent gems and linings use Blue Green: #0EA5A4 (often paired with Lightning Yellow #FBBF24 for highlights).
