Thoma’s visual identity blends warm Pyro energy with a homely housekeeper sensibility, making his palette ideal for character-driven UI/UX work. Key shades like #E68A2E (Fire Bush), #C94A3A (Mojo) and #F0D4A6 (Maize) create a vibrant yet approachable look—useful for designers searching exact color codes for fan art, interfaces, or branding. The combination balances bold accents with soft neutrals and grounded leather tones, giving clear direction for accessible contrast, focal points, and contextual color usage in both portrait and layout design.
Thoma Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Fire Bush | #E68A2E | 230, 138, 46 | 0, 40, 80, 10 | |
| Mojo | #C94A3A | 201, 74, 58 | 0, 63, 71, 21 | |
| Maize | #F0D4A6 | 240, 212, 166 | 0, 12, 31, 6 | |
| Spice | #6B4A2F | 107, 74, 47 | 0, 31, 56, 58 | |
| Rajah | #F7C66B | 247, 198, 107 | 0, 20, 57, 3 |
Thoma CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Thoma Genshin Impact Palette */
--thoma-genshin-impact-fire-bush: #E68A2E;
--thoma-genshin-impact-mojo: #C94A3A;
--thoma-genshin-impact-maize: #F0D4A6;
--thoma-genshin-impact-spice: #6B4A2F;
--thoma-genshin-impact-rajah: #F7C66B;
}More Genshin Impact Color Codes (Orange Palette)
Thoma CSS Gradients
Beautiful gradient backgrounds inspired by Thoma’s aesthetic. Click to copy the CSS code.
Thoma Color Scheme Breakdown
Fire Bush#E68A2E
A vivid orange used across Thoma’s outer clothing accents and Inazuman-style patterns, echoing his Pyro identity and upbeat, welcoming personality while keeping the overall outfit energetic and warm.
Mojo#C94A3A
A strong crimson-red seen in major fabric panels and key ornamental sections of his outfit, reinforcing the fiery Pyro theme and signaling reliability and protective intent in his bodyguard role.
Maize#F0D4A6
A warm beige-gold appearing on inner layers, trims, and small decorative details, giving a refined, domestic feel that matches his housekeeper image and softens the otherwise bold warm palette.
Spice#6B4A2F
A medium dark brown used in belts, straps, glove/leather elements, and practical accessories, grounding the costume with utilitarian realism and emphasizing his hardworking, hands-on support identity.
Rajah#F7C66B
A golden-yellow highlight color present in tassels, cords, and select ornamentation, adding a festive Inazuma flair while suggesting warmth, friendliness, and a subtle sense of status within the Kamisato household.
Thoma 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Thoma’s palette for a perfectly balanced visual hierarchy.
Thoma UI Component Preview
Here is a live example of how the Thoma color palette looks when applied to a modern UI component.
Thoma
Pyro Housekeeper
“Leave it to me!”
Thoma 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 Thoma’s aesthetic.
- Main LED: 230, 138, 46
- Accent LED: 201, 74, 58
The Design Philosophy behind Thoma’s Palette
The design philosophy behind Thoma’s palette leverages warm chroma to communicate both elemental power and domestic reliability. Bright accents such as #E68A2E (Fire Bush) and #C94A3A (Mojo) reference his Pyro element and protective instincts, while #F0D4A6 (Maize) and #F7C66B (Rajah) soften the visual hierarchy to signal approachability and household refinement. Darker utilitarian pieces like #6B4A2F (Spice) ground the outfit in practicality. For UI/UX and color codes research, this set demonstrates effective contrast pairing, accent emphasis, and cultural motif integration—making it a compact case study for palette-driven storytelling and functional interface design.
Best Thoma Color Combinations
Pyro Accent Duo
A high-energy pairing where bright orange (#E68A2E) and crimson (#C94A3A) create vivid focal points ideal for call-to-action elements and hero visuals.
Household Grounding
A practical neutral combo with deep brown (#6B4A2F) and warm beige (#F0D4A6) that provides readable backgrounds and subtle contrast for text or UI panels.
Explore More Genshin Impact Character Color Codes
Download Thoma Genshin Impact Color Palette
Thoma .ASE Swatches
For Adobe Swatches & Procreate
Thoma .SVG Palette
Vector Color Palette
Thoma .PNG Image
High-Quality Palette Preview
FAQs about Thoma Genshin Impact Color Codes
What is the primary flame/accent color on Thoma’s outfit?
The primary Pyro accent is the vivid orange #E68A2E (Fire Bush).
Which HEX represents Thoma’s main fabric or dominant clothing color?
The dominant deep-red fabric panels use #C94A3A (Mojo).
What HEX codes are used for Thoma’s highlights and trims?
Highlights and trims are warmer golds and beiges like #F7C66B (Rajah) and #F0D4A6 (Maize).
