Yuta Okkotsu Color Codes – Jujutsu Kaisen HEX Palette & RGB Values

Yuta Okkotsu Color Codes – Jujutsu Kaisen HEX Palette & RGB Values

Yuta Okkotsu is the gentle yet devastatingly powerful special-grade sorcerer of Jujutsu Kaisen, burdened by his bond with Rika and driven by unwavering empathy. His character design leans into a somber, blue-dominant palette that mirrors grief, loyalty, and overwhelming cursed energy. From the near-black Mirage (#1B1B2F) defining his messy hair to the vivid Royal Blue (#4361EE) erupting from Rika’s spectral form, every Yuta Okkotsu color code tells a story of love turned into power. The warm Sidecar (#F2D8B5) skin tone softens the darkness, reminding viewers of his kind heart. For UI and graphic designers seeking accurate Jujutsu Kaisen palette references, these five HEX values capture the full emotional spectrum of his design.

Mirage
#1B1B2F
Rhino
#2A2D5E
Royal Blue
#4361EE
Sidecar
#F2D8B5
Cadet Blue
#AEB2C4

Yuta Okkotsu Jujutsu Kaisen Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Mirage #1B1B2F 27, 27, 47 43, 43, 0, 82
Rhino #2A2D5E 42, 45, 94 55, 52, 0, 63
Royal Blue #4361EE 67, 97, 238 72, 59, 0, 7
Sidecar #F2D8B5 242, 216, 181 0, 11, 25, 5
Cadet Blue #AEB2C4 174, 178, 196 11, 9, 0, 23

Yuta Okkotsu CSS & Tailwind Color Variables

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

:root {
/* Yuta Okkotsu Jujutsu Kaisen Palette */
--yuta-okkotsu-jujutsu-kaisen-mirage: #1B1B2F;
--yuta-okkotsu-jujutsu-kaisen-rhino: #2A2D5E;
--yuta-okkotsu-jujutsu-kaisen-royal-blue: #4361EE;
--yuta-okkotsu-jujutsu-kaisen-sidecar: #F2D8B5;
--yuta-okkotsu-jujutsu-kaisen-cadet-blue: #AEB2C4;
}

Yuta Okkotsu CSS Gradients

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

Click to Copy CSS
Mirage to Sidecar#1B1B2F → #F2D8B5
Click to Copy CSS
Royal Blue to Mirage#4361EE → #1B1B2F

Yuta Okkotsu Color Scheme Breakdown

Mirage#1B1B2F

This near-black shade with a subtle blue undertone defines Yuta’s messy hair and the base tone of his Jujutsu High uniform, conveying his sorrowful, burdened past bound to Rika.

Rhino#2A2D5E

A deep navy-purple appearing across Yuta’s dark school uniform and jacket, representing the somber weight of his special-grade sorcerer status and the lingering shadow of Rika’s curse.

Royal Blue#4361EE

This vivid blue manifests in Yuta’s cursed energy output and Rika’s spectral form during combat, symbolizing the immense, overflowing power of his love-driven curse and copying technique.

Sidecar#F2D8B5

A warm, pale skin tone visible on Yuta’s face and hands, providing the only softness in his otherwise dark design and highlighting his gentle, empathetic personality beneath the darkness.

Cadet Blue#AEB2C4

A cool silver-grey representing the blade of Yuta’s katana and metallic accents on his uniform, reflecting his role as a swordsman channeling copied cursed techniques through precise, clean strikes.

Yuta Okkotsu 60-30-10 Design Rule

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

60% Background
#F2D8B5
30% Primary
#2A2D5E
10% Accent
#1B1B2F

Use Sidecar (#F2D8B5) for large background spaces, Rhino (#2A2D5E) for primary text and structural UI elements, and vibrant Mirage (#1B1B2F) exclusively for call-to-action buttons and important highlights.

Yuta Okkotsu UI Component Preview

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

Yuta Okkotsu

Special Grade Swordsman

“This is pure love.”

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

  • Main LED: 27, 27, 47
  • Accent LED: 42, 45, 94

The Design Philosophy behind Yuta Okkotsu’s Palette

The designers behind Jujutsu Kaisen constructed Yuta’s palette around a deliberate tension between darkness and light. The deep Mirage (#1B1B2F) and Rhino (#2A2D5E) tones anchor his silhouette in sorrow and the weight of a special-grade curse, while the explosive Royal Blue (#4361EE) visually separates his overwhelming cursed energy output from his physical form. This contrast ensures that during combat animation, his power reads instantly against his muted uniform. The single warm accent—Sidecar (#F2D8B5)—prevents the design from feeling flat or villainous, preserving his empathetic core. Cadet Blue (#AEB2C4) bridges the extremes through his katana, symbolizing precision amid chaos. For designers building dark-themed UI palettes or character-driven branding, this five-color system demonstrates how limited color codes can encode narrative depth without visual clutter.

Best Yuta Okkotsu Color Combinations

Cursed Energy Surge

Pairing the near-black Mirage base with vivid Royal Blue creates a dramatic high-contrast ratio ideal for dark-mode UI buttons, hero banners, or any interface where a luminous call-to-action must pop against a deep background.

Warmth Against the Void

The soft Sidecar skin tone set against the deep Rhino navy produces a complementary warm-cool balance perfect for editorial layouts, character cards, or typography pairings that need gentle readability on a dark canvas.

Download Yuta Okkotsu Jujutsu Kaisen Color Palette

ASE

Yuta Okkotsu .ASE Swatches

For Adobe Swatches & Procreate

SVG

Yuta Okkotsu .SVG Palette

Vector Color Palette

PNG

Yuta Okkotsu .PNG Image

High-Quality Palette Preview

FAQs about Yuta Okkotsu Jujutsu Kaisen Color Codes

What HEX code represents Yuta Okkotsu’s cursed energy and Rika’s spectral glow?

Yuta’s cursed energy and Rika’s combat manifestation use the Royal Blue HEX code #4361EE (RGB 67, 97, 238), a vivid blue that visually signals his immense love-driven power.

What are the primary HEX colors for Yuta Okkotsu’s Jujutsu High uniform?

His uniform and jacket rely on two dark tones: Mirage #1B1B2F for the base hair-and-fabric shade and Rhino #2A2D5E for the navy-purple jacket panels, together conveying his special-grade status.

Which color code represents Yuta’s katana blade and metallic uniform accents?

The cool silver-grey Cadet Blue #AEB2C4 (RGB 174, 178, 196) is used for his katana blade and metallic accents, reflecting the clean, precise swordsmanship that channels his copied cursed techniques.

Copied