KAY/O is Valorant’s synthetic Initiator whose design reads like a tactical machine built for suppression and precision. The palette centers on electric Dodger Blue (#2E86FF), grounding Blue Zodiac (#0B1F3A), and cool Heather (#C7D0DA) trims that together convey futuristic tech, combat-readiness, and metallic manufacture. For UI/UX designers and artists searching KAY/O color codes, this HEX palette balances high-visibility ability VFX with muted armor fields, making it ideal for HUD accents, ability readouts, and in-game overlays where recognizable color codes and contrast matter.
KAY/O Valorant Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Dodger Blue | #2E86FF | 46, 134, 255 | 82, 47, 0, 0 | |
| Blue Zodiac | #0B1F3A | 11, 31, 58 | 81, 47, 0, 77 | |
| Heather | #C7D0DA | 199, 208, 218 | 9, 5, 0, 15 | |
| Shark | #2C3138 | 44, 49, 56 | 21, 13, 0, 78 | |
| Athens Gray | #F2F5F7 | 242, 245, 247 | 2, 1, 0, 3 |
KAY/O CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* KAY/O Valorant Palette */
--kay/o-valorant-dodger-blue: #2E86FF;
--kay/o-valorant-blue-zodiac: #0B1F3A;
--kay/o-valorant-heather: #C7D0DA;
--kay/o-valorant-shark: #2C3138;
--kay/o-valorant-athens-gray: #F2F5F7;
}More Valorant Color Codes (Blue Palette)
KAY/O CSS Gradients
Beautiful gradient backgrounds inspired by KAY/O’s aesthetic. Click to copy the CSS code.
KAY/O Color Scheme Breakdown
Dodger Blue#2E86FF
This vivid electric blue dominates KAY/O’s LED visor, chest highlights, and ability VFX, signaling synthetic energy, Radiant-suppression tech, and the character’s futuristic combat-readiness in Valorant’s sci‑fi aesthetic.
Blue Zodiac#0B1F3A
A deep navy appears across KAY/O’s primary armor plates and bodysuit panels, grounding the design with a tactical military feel while emphasizing his heavyweight robotic silhouette and restrained, utilitarian presence.
Heather#C7D0DA
Light cool silver is used on outer casing segments, joints, and mechanical trims, communicating industrial metal construction and readability, separating hard surfaces from darker armor and reinforcing KAY/O’s machine identity.
Shark#2C3138
Charcoal grey covers secondary plating, under-armor pieces, and equipment housings, adding contrast without glare, supporting a stealthy, functional look and visually balancing the brighter blue tech accents.
Athens Gray#F2F5F7
Near-white appears on select decals, small panel markings, and high-contrast mechanical edges, implying clean manufactured surfaces and helping key shapes pop against navy armor while keeping the overall palette cold and synthetic.
KAY/O 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using KAY/O’s palette for a perfectly balanced visual hierarchy.
KAY/O UI Component Preview
Here is a live example of how the KAY/O color palette looks when applied to a modern UI component.
KAY/O
Initiator Robot
“Hold still.”
KAY/O 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 KAY/O’s aesthetic.
- Main LED: 46, 134, 255
- Accent LED: 11, 31, 58
The Design Philosophy behind KAY/O’s Palette
The design philosophy behind KAY/O’s palette uses a restricted, purposeful range to tell story and support gameplay readability. Dodger Blue (#2E86FF) functions as the active tech signal — it reads instantly as ability and LED feedback — while Blue Zodiac (#0B1F3A) provides a tactical, military anchor for silhouettes. Heather (#C7D0DA) and Athens Gray (#F2F5F7) act as manufactured metal and decal tones to separate layers and improve visual hierarchy; Shark (#2C3138) fills shadowed panels to avoid glare. For designers hunting precise color codes or HEX palette pairings, this system demonstrates how a few calibrated values can communicate lore, functionality, and clean UI contrast without overcomplicating the color system.
Best KAY/O Color Combinations
Tech Signal
Dodger Blue (#2E86FF) as a bright signal contrasts with deep Blue Zodiac (#0B1F3A) to make ability indicators and HUD elements pop against dark armor fields.
Industrial Contrast
Heather (#C7D0DA) metallic trims paired with Shark (#2C3138) charcoal plates create readable edges and tactile depth for panels and UI containers.
Explore More Valorant Character Color Codes
Download KAY/O Valorant Color Palette
KAY/O .ASE Swatches
For Adobe Swatches & Procreate
KAY/O .SVG Palette
Vector Color Palette
KAY/O .PNG Image
High-Quality Palette Preview
FAQs about KAY/O Valorant Color Codes
What is the LED visor/ability VFX color on KAY/O?
KAY/O’s LED visor and primary ability VFX use Dodger Blue — HEX #2E86FF.
What is the main armor or suit color for KAY/O?
The primary armor panels are a deep navy called Blue Zodiac — HEX #0B1F3A.
What are the secondary or accent tones used for trims and decals?
Secondary accents and metallic trims use Heather #C7D0DA and near-white Athens Gray #F2F5F7, while Shark #2C3138 provides shadowed, low-glare surfaces.
