Kinich presents a nature-forward aesthetic that reads instantly as Dendro-aligned and adventurous. His dominant Mountain Meadow #2FAF8A provides lively teal accents, while deep Firefly #0E3B34 anchors inner layers and Hampton #E7D6B3 adds sun-warmed trims—three essential references for anyone searching “Kinich color codes” or “Kinich palette HEX.” This balanced trio lets UI/UX designers and fan creators translate character personality into interface elements: use the teal for CTAs, the forest green for supportive panels, and the sand beige for surfaces and microtextures to maintain readability and a lived-in, exploratory feel.
Kinich Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Mountain Meadow | #2FAF8A | 47, 175, 138 | 73, 0, 21, 31 | |
| Firefly | #0E3B34 | 14, 59, 52 | 76, 0, 12, 77 | |
| Hampton | #E7D6B3 | 231, 214, 179 | 0, 7, 23, 9 | |
| Shingle Fawn | #6A4A34 | 106, 74, 52 | 0, 30, 51, 58 | |
| Mine Shaft | #2B2B2B | 43, 43, 43 | 0, 0, 0, 83 |
Kinich CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Kinich Genshin Impact Palette */
--kinich-genshin-impact-mountain-meadow: #2FAF8A;
--kinich-genshin-impact-firefly: #0E3B34;
--kinich-genshin-impact-hampton: #E7D6B3;
--kinich-genshin-impact-shingle-fawn: #6A4A34;
--kinich-genshin-impact-mine-shaft: #2B2B2B;
}More Genshin Impact Color Codes (Green Palette)
Kinich CSS Gradients
Beautiful gradient backgrounds inspired by Kinich’s aesthetic. Click to copy the CSS code.
Kinich Color Scheme Breakdown
Mountain Meadow#2FAF8A
A dominant jade-teal used across Kinich’s main outfit accents and ornamental panels, signaling his Dendro alignment and giving a fresh, agile, nature-leaning identity in his overall silhouette.
Firefly#0E3B34
A deep forest green found in inner clothing layers, straps, and darker fabric sections, grounding the design with a stealthy, practical feel while reinforcing the character’s natural, Dendro theme.
Hampton#E7D6B3
A warm sand-beige appearing in lighter fabric trims and some accessory surfaces, adding a sun-baked, traveler-like warmth that balances the greens and makes the outfit feel more lived-in.
Shingle Fawn#6A4A34
A rich leather brown used on belts, harness elements, and small gear details, conveying rugged utility and adventurer craftsmanship while providing earthy contrast against the brighter green accents.
Mine Shaft#2B2B2B
A near-charcoal black present in undersuit areas, boots, and hard-to-notice structural pieces, sharpening readability, increasing contrast, and helping the brighter teal-green details pop in motion.
Kinich 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Kinich’s palette for a perfectly balanced visual hierarchy.
Kinich UI Component Preview
Here is a live example of how the Kinich color palette looks when applied to a modern UI component.
Kinich
Dendro Scout
“May the roots show me the clearest path.”
Kinich 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 Kinich’s aesthetic.
- Main LED: 47, 175, 138
- Accent LED: 14, 59, 52
The Design Philosophy behind Kinich’s Palette
The design philosophy behind Kinich’s palette leverages semantic color storytelling: Mountain Meadow (#2FAF8A) signals vitality and Dendro energy as the primary accent; Firefly (#0E3B34) supplies concealment, depth, and functional readability in layered garments; Hampton (#E7D6B3) introduces warmth and traveler-weathering that humanizes the silhouette. Supplemental Shingle Fawn (#6A4A34) conveys leathered utility while Mine Shaft (#2B2B2B) secures contrast for typography and motion clarity. For UI/UX use, these palette HEX values enable consistent component styling—primary actions in #2FAF8A, backgrounds in #E7D6B3, and text or iconography in #2B2B2B—making the combination both narratively coherent and practical for accessible interface design and color codes implementation.
Best Kinich Color Combinations
Vitality & Contrast
A vivid accent paired with near-charcoal creates high contrast for CTAs and icons, improving legibility and motion clarity.
Earthbound Warmth
Deep forest green with sand-beige yields a grounded, travel-worn look ideal for panels, cards, and background surfaces.
Explore More Genshin Impact Character Color Codes
Download Kinich Genshin Impact Color Palette
Kinich .ASE Swatches
For Adobe Swatches & Procreate
Kinich .SVG Palette
Vector Color Palette
Kinich .PNG Image
High-Quality Palette Preview
FAQs about Kinich Genshin Impact Color Codes
What is the primary accent color used on Kinich’s outfit?
The primary accent color is Mountain Meadow — HEX #2FAF8A.
Which color grounds Kinich’s overall outfit and inner layers?
The grounding deep forest tone is Firefly — HEX #0E3B34.
What hex is used for leather details and small gear accents?
Leather and harness details use Shingle Fawn — HEX #6A4A34.
