Gekko’s visual identity fuses playful streetwear with tactical game-readability, making his palette a UX-friendly case study for designers and color coders. The neon-lime Inchworm #B6F552 and saturated mint Shamrock #2BD66C serve as energetic accents, while deep Genoa #0F6B5F grounds silhouettes for clear in-match recognition. For anyone searching for Gekko color codes, HEX palette references or UI assets, these precise swatches give designers the building blocks to replicate his LA-inspired, creature-handler vibe across interfaces and skins.
Gekko Valorant Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Inchworm | #B6F552 | 182, 245, 82 | 26, 0, 67, 4 | |
| Shamrock | #2BD66C | 43, 214, 108 | 80, 0, 50, 16 | |
| Genoa | #0F6B5F | 15, 107, 95 | 86, 0, 11, 58 | |
| Fuel Yellow | #F2A23A | 242, 162, 58 | 0, 33, 76, 5 | |
| Millbrook | #6B4A3A | 107, 74, 58 | 0, 31, 46, 58 |
Gekko CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Gekko Valorant Palette */
--gekko-valorant-inchworm: #B6F552;
--gekko-valorant-shamrock: #2BD66C;
--gekko-valorant-genoa: #0F6B5F;
--gekko-valorant-fuel-yellow: #F2A23A;
--gekko-valorant-millbrook: #6B4A3A;
}More Valorant Color Codes (Green Palette)
Gekko CSS Gradients
Beautiful gradient backgrounds inspired by Gekko’s aesthetic. Click to copy the CSS code.
Gekko Color Scheme Breakdown
Inchworm#B6F552
A vivid neon-lime accent seen across Gekko’s companion creatures and energetic FX cues, signaling playful street-tech vibes, agility, and the character’s signature “creature-handler” identity in Valorant.
Shamrock#2BD66C
A saturated mint-green used in secondary creature details and ability highlights, reinforcing Gekko’s upbeat, youthful LA aesthetic while reading clearly as “active utility” during combat moments.
Genoa#0F6B5F
A deep teal-green appearing in darker garment panels and some creature body regions, grounding the bright accents and conveying a cooler, more tactical tone beneath the character’s playful exterior.
Fuel Yellow#F2A23A
A warm orange used in small outfit accents and select creature markings, adding contrast against greens while emphasizing his pop-culture streetwear flavor and helping key shapes pop in silhouette.
Millbrook#6B4A3A
An earthy brown found in straps, belts, and practical wear elements, balancing the neon palette with grounded materials and suggesting durability and everyday street gear supporting his gadget-creature toolkit.
Gekko 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Gekko’s palette for a perfectly balanced visual hierarchy.
Gekko UI Component Preview
Here is a live example of how the Gekko color palette looks when applied to a modern UI component.
Gekko
Initiator Agent
“I got you, fam.”
Gekko 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 Gekko’s aesthetic.
- Main LED: 182, 245, 82
- Accent LED: 43, 214, 108
The Design Philosophy behind Gekko’s Palette
Riot’s designers use contrast and cultural cues to tell Gekko’s story: bright, high-energy accents communicate his chaotic, friendly persona while deeper tones provide tactical legibility. The combination of Inchworm #B6F552 and Shamrock #2BD66C signals immediate ability highlights and creature cues, whereas Genoa #0F6B5F and Millbrook #6B4A3A deliver material weight and wearable realism. Fuel Yellow #F2A23A adds pop-culture warmth that punctuates focal points. From a UI/UX and color codes perspective, this palette balances vibrancy and hierarchy, ensuring on-screen elements are both themed and functionally readable under competitive conditions.
Best Gekko Color Combinations
Neon Signal
A vivid neon accent paired with a deep teal creates high legibility and energetic focal points for UI highlights and ability readouts.
Streetwear Contrast
A saturated mint against an earthy brown balances youthful flair with material grounding, ideal for apparel textures and HUD framing.
Explore More Valorant Character Color Codes
Download Gekko Valorant Color Palette
Gekko .ASE Swatches
For Adobe Swatches & Procreate
Gekko .SVG Palette
Vector Color Palette
Gekko .PNG Image
High-Quality Palette Preview
FAQs about Gekko Valorant Color Codes
What is the primary color of Gekko’s creatures?
Gekko’s creatures predominantly feature the neon-lime Inchworm color: #B6F552.
Which HEX represents Gekko’s main outfit tone or grounding color?
The darker, grounding tone used in garments and panels is Genoa: #0F6B5F.
What are the accent or highlight colors used for ability cues?
Accent highlights typically use Shamrock #2BD66C and Fuel Yellow #F2A23A for energetic ability readouts.