Sage from Valorant is a composed, restorative presence whose visual language balances calm healing and tactical resolve. Her signature Caribbean Green #1FBFA6 appears in healing orbs and VFX, while clean off-white Concrete #F2F2F2 defines her robes, and the deep Gable Green #1B2E3A grounds her silhouette. For designers searching for Sage color codes or a faithful Sage HEX palette for UI/UX, these tones offer a clear, accessible starting point—usable for health indicators, protective UI elements, and themed branding that needs serene authority.
Sage Valorant Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Caribbean Green | #1FBFA6 | 31, 191, 166 | 84, 0, 13, 25 | |
| Concrete | #F2F2F2 | 242, 242, 242 | 0, 0, 0, 5 | |
| Gable Green | #1B2E3A | 27, 46, 58 | 53, 21, 0, 77 | |
| Mariner | #2F7BD9 | 47, 123, 217 | 78, 43, 0, 15 | |
| Nutmeg | #7A3E27 | 122, 62, 39 | 0, 49, 68, 52 |
Sage CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Sage Valorant Palette */
--sage-valorant-caribbean-green: #1FBFA6;
--sage-valorant-concrete: #F2F2F2;
--sage-valorant-gable-green: #1B2E3A;
--sage-valorant-mariner: #2F7BD9;
--sage-valorant-nutmeg: #7A3E27;
}More Valorant Color Codes (Green Palette)
Sage CSS Gradients
Beautiful gradient backgrounds inspired by Sage’s aesthetic. Click to copy the CSS code.
Sage Color Scheme Breakdown
Caribbean Green#1FBFA6
This teal-green is the signature hue of Sage’s radiant energy—most visible in her healing orb, barrier wall glow, and ability VFX—signaling calm control, restoration, and protective serenity.
Concrete#F2F2F2
A clean off-white defines Sage’s robe panels and layered fabric, reinforcing her disciplined monk-like silhouette and conveying purity, clarity, and a healer’s composed, centered presence in combat.
Gable Green#1B2E3A
This deep blue-grey appears in her under-suit, belts, and structural clothing sections, grounding the bright effects with tactical seriousness and suggesting restraint, professionalism, and quiet authority.
Mariner#2F7BD9
A saturated cobalt-blue shows on armor accents and small cloth details, bridging her icy defensive theme with modern tech styling, and reading as focus, precision, and resolute support.
Nutmeg#7A3E27
Warm brown represents Sage’s hair and some leather-like accessory tones, adding human warmth to her otherwise cool palette and emphasizing maturity, stability, and grounded confidence behind her powers.
Sage 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Sage’s palette for a perfectly balanced visual hierarchy.
Sage UI Component Preview
Here is a live example of how the Sage color palette looks when applied to a modern UI component.
Sage
Radiant Sentinel Healer
“I will not let you die.”
Sage 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 Sage’s aesthetic.
- Main LED: 31, 191, 166
- Accent LED: 242, 242, 242
The Design Philosophy behind Sage’s Palette
The design philosophy behind Sage’s palette uses contrast and emotional signaling to reflect her role and backstory: restorative, disciplined, and quietly authoritative. Caribbean Green (#1FBFA6) communicates healing and vitality; Concrete (#F2F2F2) conveys purity and monk-like clarity; Gable Green (#1B2E3A) and Mariner (#2F7BD9) provide tactical depth and technological precision, while Nutmeg (#7A3E27) injects human warmth. This restrained mix succeeds because it pairs a bright, meaningful accent with neutral and deep anchors—ideal for readable UI and recognizable game VFX—making these HEX color codes practical for both gameplay VFX and interface systems.
Best Sage Color Combinations
Healing & Clarity
Caribbean Green with Concrete creates a high-readability, soothing interface pairing perfect for health indicators and calm action states.
Tactical Depth Accent
Gable Green anchored by Mariner adds authoritative depth with a crisp tech accent suited for menus, HUD elements, and focus highlights.
Explore More Valorant Character Color Codes
Download Sage Valorant Color Palette
Sage .ASE Swatches
For Adobe Swatches & Procreate
Sage .SVG Palette
Vector Color Palette
Sage .PNG Image
High-Quality Palette Preview
FAQs about Sage Valorant Color Codes
What is the HEX color of Sage’s healing orb?
Sage’s healing orb is represented by Caribbean Green, HEX #1FBFA6.
What are the primary outfit colors used for Sage’s robe and under-suit?
Her robe panels use Concrete #F2F2F2 while the under-suit and structural sections use Gable Green #1B2E3A.
Which HEX codes are used for Sage’s accents and hair tones?
Accent blue details use Mariner #2F7BD9 and warm hair/leather tones use Nutmeg #7A3E27.