Skye (Valorant) Color Codes, Palette & HEX Guide for UI/UX

Skye (Valorant) Color Codes, Palette & HEX Guide for UI/UX

Skye is Valorant’s nature-driven initiator, blending rugged fieldcraft with empathetic healing instincts. Her visual identity leans on deep greens and earthy neutrals—Killarney #2F6B3F anchors her tactical silhouette while Chelsea Cucumber #6BAA53 signals life and healing, and Twine #C39A5A supplies rugged leather accents. For designers searching for Skye color codes or a usable HEX palette for UI/UX, this breakdown highlights how each HEX supports readability, character storytelling, and practical asset creation in games or fan interfaces.

Killarney
#2F6B3F
Chelsea Cucumber
#6BAA53
Twine
#C39A5A
Pavlova
#D9C9A2
Mine Shaft
#2B2B2B

Skye Valorant Color Codes: HEX, RGB, CMYK

PreviewColor NameHEXRGBCMYK
Killarney#2F6B3F47, 107, 6356, 0, 41, 58
Chelsea Cucumber#6BAA53107, 170, 8337, 0, 51, 33
Twine#C39A5A195, 154, 900, 21, 54, 24
Pavlova#D9C9A2217, 201, 1620, 7, 25, 15
Mine Shaft#2B2B2B43, 43, 430, 0, 0, 83

Skye CSS & Tailwind Color Variables

Select your preferred format and copy the ready-to-use CSS variables for your web projects.

:root {
/* Skye Valorant Palette */
--skye-valorant-killarney: #2F6B3F;
--skye-valorant-chelsea-cucumber: #6BAA53;
--skye-valorant-twine: #C39A5A;
--skye-valorant-pavlova: #D9C9A2;
--skye-valorant-mine-shaft: #2B2B2B;
}

Skye CSS Gradients

Beautiful gradient backgrounds inspired by Skye’s aesthetic. Click to copy the CSS code.

Click to Copy CSS
Killarney to Pavlova#2F6B3F → #D9C9A2
Click to Copy CSS
Twine to Killarney#C39A5A → #2F6B3F

Skye Color Scheme Breakdown

Killarney#2F6B3F

Deep eucalyptus green appears across Skye’s tactical outerwear and ranger-style gear panels, grounding her silhouette in nature and signaling her role as an eco-aligned initiator from the Australian wilds.

Chelsea Cucumber#6BAA53

Fresh leaf green is strongly associated with Skye’s animal-based abilities and healing motif, reading as the energetic, life-giving color that visually sells her connection to wildlife and growth.

Twine#C39A5A

Warm tan leather shows on straps, belts, gloves, and utility details, reinforcing an outdoors survival aesthetic and adding a rugged, handcrafted feel that contrasts with Valorant’s high-tech agents.

Pavlova#D9C9A2

Light khaki-beige appears in fabric sections and underlayers of her outfit, balancing the saturated greens while keeping her look sun-bleached and practical, like field clothing made for harsh terrain.

Mine Shaft#2B2B2B

Near-black charcoal is used for boots, buckles, and reinforced equipment pieces, providing strong value contrast, readability in-game, and a tough, utilitarian edge to her otherwise natural palette.

Skye 60-30-10 Design Rule

Apply the classic 60-30-10 UI design rule using Skye’s palette for a perfectly balanced visual hierarchy.

60% Background
#D9C9A2
30% Primary
#2B2B2B
10% Accent
#2F6B3F

Use Pavlova (#D9C9A2) for large background spaces, Mine Shaft (#2B2B2B) for primary text and structural UI elements, and vibrant Killarney (#2F6B3F) exclusively for call-to-action buttons and important highlights.

Skye UI Component Preview

Here is a live example of how the Skye color palette looks when applied to a modern UI component.

Skye

Eco Initiator

“I’ve got your back.”

Skye 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 Skye’s aesthetic.

  • Main LED: 47, 107, 63
  • Accent LED: 107, 170, 83

The Design Philosophy behind Skye’s Palette

The design philosophy behind Skye’s palette uses a small, focused set of colors to communicate narrative, role, and function. Killarney #2F6B3F serves as a grounded base that implies eucalyptus and the Australian bush, while Chelsea Cucumber #6BAA53 operates as the active, life-giving accent tied to her animal and healing abilities. Twine #C39A5A and Pavlova #D9C9A2 create tactile warmth and layered fabric contrast, and Mine Shaft #2B2B2B anchors icons and hardware for legibility. This restrained HEX palette allows developers to balance natural storytelling with game-readability—useful guidance when applying Skye color codes in UI components, HUDs, or promotional art to maintain hierarchy and thematic cohesion.

Best Skye Color Combinations

Forest & Vital Accent

Deep Killarney #2F6B3F paired with bright Chelsea Cucumber #6BAA53 creates a natural contrast ideal for primary/secondary states and health or ability accents in UI.

Leather Base & Sunlit Fabric

Twine #C39A5A with Pavlova #D9C9A2 gives a warm, tactile duo suited for background panels, tooltips, or inventory textures that need a handcrafted feel.

Download Skye Valorant Color Palette

ASE

Skye .ASE Swatches

For Adobe Swatches & Procreate

SVG

Skye .SVG Palette

Vector Color Palette

PNG

Skye .PNG Image

High-Quality Palette Preview

FAQs about Skye Valorant Color Codes

What is the primary green used on Skye’s outfit and gear?

The primary deep green is Killarney, HEX #2F6B3F.

Which HEX represents Skye’s energetic, life-focused accent color?

The vibrant leaf green accent is Chelsea Cucumber, HEX #6BAA53.

What color HEX is used for leather straps and utility details?

Leather and rugged accents use Twine, HEX #C39A5A (with Pavlova #D9C9A2 as lighter fabric balance and Mine Shaft #2B2B2B for hardware).

Copied