Tighnari, the keen-eyed Dendro ranger from Genshin Impact, pairs scholarly poise with jungle pragmatism through a tightly controlled palette. Key tones like Casal (#2F6B58), Mantis (#7BCB77), and Chamois (#EAD6A6) map directly to his ranger coat, botanical trims, and inner panels, making his silhouette readable in-game and on UI mockups. This guide targets designers searching for Tighnari color codes, HEX palette references, and practical UI/UX applications so you can accurately reproduce his Sumeru aesthetic for web, branding, or game-inspired interfaces.
Tighnari Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Casal | #2F6B58 | 47, 107, 88 | 56, 0, 18, 58 | |
| Mantis | #7BCB77 | 123, 203, 119 | 39, 0, 41, 20 | |
| Potters Clay | #8C5A34 | 140, 90, 52 | 0, 36, 63, 45 | |
| Cyber Grape | #5A3A6E | 90, 58, 110 | 18, 47, 0, 57 | |
| Chamois | #EAD6A6 | 234, 214, 166 | 0, 9, 29, 8 |
Tighnari CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Tighnari Genshin Impact Palette */
--tighnari-genshin-impact-casal: #2F6B58;
--tighnari-genshin-impact-mantis: #7BCB77;
--tighnari-genshin-impact-potters-clay: #8C5A34;
--tighnari-genshin-impact-cyber-grape: #5A3A6E;
--tighnari-genshin-impact-chamois: #EAD6A6;
}More Genshin Impact Character Color Palettes Color Codes (Green Palette)
Tighnari CSS Gradients
Beautiful gradient backgrounds inspired by Tighnari’s aesthetic. Click to copy the CSS code.
Tighnari Color Scheme Breakdown
Casal#2F6B58
This muted forest green appears across Tighnari’s main ranger coat panels and cloak-like layers, grounding his silhouette in Sumeru’s jungle identity while conveying calm, disciplined scout professionalism.
Mantis#7BCB77
A soft leaf green shows on botanical trims and subtle fabric accents, echoing his Dendro affiliation and scholarly fieldwork vibe, suggesting vitality, nature knowledge, and a gentle, restorative presence.
Potters Clay#8C5A34
Warm chestnut brown is prominent in belts, straps, boots, and leather utility pieces, reinforcing the practical forest-ranger equipment feel and adding grounded, earthy realism to his adventurous, outdoors-ready design.
Cyber Grape#5A3A6E
Deep muted purple features in his hair and key cloth sections, creating a distinctive contrast against greens; it reads as clever, slightly mysterious academia, highlighting his sharp personality and unique silhouette.
Chamois#EAD6A6
A pale sand-beige appears in inner fabric layers and decorative panels, balancing the saturated greens and purples while evoking Sumeru’s warm light; it communicates refinement, cleanliness, and composed elegance.
Tighnari 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Tighnari’s palette for a perfectly balanced visual hierarchy.
Tighnari UI Component Preview
Here is a live example of how the Tighnari color palette looks when applied to a modern UI component.
Tighnari
Dendro Forest Scout
“Always observe before you act.”
Tighnari 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 Tighnari’s aesthetic.
- Main LED: 47, 107, 88
- Accent LED: 123, 203, 119
The Design Philosophy behind Tighnari’s Palette
The design philosophy behind Tighnari’s palette uses muted naturalism to narrate both profession and personality: Casal (#2F6B58) grounds him as a disciplined scout, while Mantis (#7BCB77) injects botanical vitality referencing Dendro magic; Potters Clay (#8C5A34) supplies utilitarian leather textures and Chamois (#EAD6A6) offers warm highlights for balance. Cyber Grape (#5A3A6E) provides a contrasting academic accent that signals intellect and uniqueness. Together, these HEX color codes form a balanced UI-ready palette that reads well in hierarchies, accessibility contrast checks, and thematic branding—ideal search intent for designers looking up character color codes or creating cohesive game-inspired palettes.
Best Tighnari Color Combinations
Ranger Grounding
Casal and Potters Clay pair natural green with warm chestnut to create a practical, earthy foundation for UI backgrounds and utility elements.
Botanical Accent
Mantis and Chamois combine fresh leaf green with pale sand-beige for high-readability accents and soft call-to-action highlights.
Explore More Genshin Impact Character Color Palettes Character Color Codes
Download Tighnari Genshin Impact Color Palette
Tighnari .ASE Swatches
For Adobe Swatches & Procreate
Tighnari .SVG Palette
Vector Color Palette
Tighnari .PNG Image
High-Quality Palette Preview
FAQs about Tighnari Genshin Impact Color Codes
What is the HEX for Tighnari’s main coat color?
Tighnari’s main coat color (Casal) is #2F6B58.
Which HEX represents his botanical trims or accent green?
The botanical trims use Mantis, HEX #7BCB77.
What HEX is used for his inner panels and light accents?
The pale sand-beige inner panels are Chamois, HEX #EAD6A6.
