Harbor’s visual identity blends tactical realism with elemental mystique, making his color story essential for designers and fans searching for Harbor color codes and HEX palette details. The kit centers on Deep Sapphire (#0B3B6E) as a grounding navy, Cerulean (#17B6D1) as the vivid water energy, and Old Gold (#D2A24B) as metallic ornamentation that signals relic prestige. Whether you’re building UI skins, loading-screen art, or extracting HEX palette references for UI color codes, Harbor’s palette balances cool aquatic tones with warm accents to keep readability and in-game recognition high.
Harbor Valorant Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Deep Sapphire | #0B3B6E | 11, 59, 110 | 90, 46, 0, 57 | |
| Cerulean | #17B6D1 | 23, 182, 209 | 89, 13, 0, 18 | |
| Turquoise | #2CC7B2 | 44, 199, 178 | 78, 0, 11, 22 | |
| Old Gold | #D2A24B | 210, 162, 75 | 0, 23, 64, 18 | |
| Spice | #6A3E2C | 106, 62, 44 | 0, 42, 58, 58 |
Harbor CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Harbor Valorant Palette */
--harbor-valorant-deep-sapphire: #0B3B6E;
--harbor-valorant-cerulean: #17B6D1;
--harbor-valorant-turquoise: #2CC7B2;
--harbor-valorant-old-gold: #D2A24B;
--harbor-valorant-spice: #6A3E2C;
}More Valorant Color Codes (Blue Palette)
Harbor CSS Gradients
Beautiful gradient backgrounds inspired by Harbor’s aesthetic. Click to copy the CSS code.
Harbor Color Scheme Breakdown
Deep Sapphire#0B3B6E
A deep ocean navy used across Harbor’s tactical jacket and armored panels, grounding his silhouette while echoing his water-bending identity and the disciplined, protective vibe of a frontline controller.
Cerulean#17B6D1
A bright aqua-cyan strongly associated with Harbor’s water constructs and ability VFX, reading as clean, high-tech hydro energy that makes his walls and shields instantly recognizable in motion.
Turquoise#2CC7B2
A teal-blue tone appearing in secondary suit accents and some skill highlights, bridging fabric blues and glowing water effects, reinforcing a modern, tactical look with a calm, controlled power.
Old Gold#D2A24B
A warm gold used on the Relic’s trims, buckles, and ornamental details, signaling ancient artifact prestige and contrasting the cool blues to draw attention to his technology-meets-myth centerpiece.
Spice#6A3E2C
A rich dark brown visible in Harbor’s hair and beard, adding natural warmth and human realism against the aquatic palette while helping his face read clearly during gameplay and cinematic close-ups.
Harbor 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Harbor’s palette for a perfectly balanced visual hierarchy.
Harbor UI Component Preview
Here is a live example of how the Harbor color palette looks when applied to a modern UI component.
Harbor
Hydro Controller
“Trust the tide.”
Harbor 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 Harbor’s aesthetic.
- Main LED: 11, 59, 110
- Accent LED: 23, 182, 209
The Design Philosophy behind Harbor’s Palette
The design philosophy behind Harbor uses a restrained cool palette to reflect his command over water while adding selective warm accents to imply history and value. Deep Sapphire (#0B3B6E) establishes a disciplined, protective silhouette; Cerulean (#17B6D1) communicates active hydro VFX with high visual clarity; Turquoise (#2CC7B2) softens transitions between fabric and glow; Old Gold (#D2A24B) highlights relic details and focal points; and Spice (#6A3E2C) humanizes facial features. For UI and concept work, these HEX codes provide a clear, accessible system where functional elements, affordances, and narrative ornamentation are separated by contrast and intent, making the palette both aesthetically coherent and practical for designers searching Harbor color codes or Valorant HEX references.
Best Harbor Color Combinations
Tactical Tide
Deep Sapphire anchors the interface while Cerulean provides high-visibility action highlights, ideal for HUDs and ability indicators.
Relic Accent
Turquoise pairs with Old Gold to create elegant contrast between modern tech elements and ceremonial ornament trims.
Explore More Valorant Character Color Codes
Download Harbor Valorant Color Palette
Harbor .ASE Swatches
For Adobe Swatches & Procreate
Harbor .SVG Palette
Vector Color Palette
Harbor .PNG Image
High-Quality Palette Preview
FAQs about Harbor Valorant Color Codes
What is the color code for Harbor’s water ability effects?
Harbor’s water constructs are primarily Cerulean, hex code #17B6D1.
What is the main outfit or jacket color hex for Harbor?
The primary jacket color is Deep Sapphire, hex code #0B3B6E.
Which hex codes are used for Harbor’s accents and hair tones?
Accents and trims often use Old Gold #D2A24B and Turquoise #2CC7B2, while hair and beard use Spice #6A3E2C.
