Konan Naruto Color Codes: Official UI Palette & HEX Values

Konan Naruto Color Codes: Official UI Palette & HEX Values

Konan from Naruto embodies serene strength through a meticulously crafted color palette essential for character design and UI themes. Her aesthetic balances the muted blue of San Marino (#4A6FA5) with the soft warmth of Sidecar (#F5E6CA), reflecting her origami ninjutsu and calm resolve. The deep Mine Shaft (#2C2C2C) grounds the composition, providing necessary contrast against pure White (#FFFFFF) accents that symbolize hope. Designers seeking authentic Naruto color codes will find this specific combination ideal for capturing Konan’s melancholic yet angelic presence in digital artwork, cosplay references, or themed interface elements.

San Marino
#4A6FA5
Sidecar
#F5E6CA
Mine Shaft
#2C2C2C
Valencia
#D94F3B
White
#FFFFFF

Konan Naruto Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
San Marino #4A6FA5 74, 111, 165 55, 33, 0, 35
Sidecar #F5E6CA 245, 230, 202 0, 6, 18, 4
Mine Shaft #2C2C2C 44, 44, 44 0, 0, 0, 83
Valencia #D94F3B 217, 79, 59 0, 64, 73, 15
White #FFFFFF 255, 255, 255 0, 0, 0, 0

Konan CSS & Tailwind Color Variables

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

:root {
/* Konan Naruto Palette */
--konan-naruto-san-marino: #4A6FA5;
--konan-naruto-sidecar: #F5E6CA;
--konan-naruto-mine-shaft: #2C2C2C;
--konan-naruto-valencia: #D94F3B;
--konan-naruto-white: #FFFFFF;
}

Konan CSS Gradients

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

Click to Copy CSS
San Marino to Valencia#4A6FA5 → #D94F3B
Click to Copy CSS
Mine Shaft to San Marino#2C2C2C → #4A6FA5

Konan Color Scheme Breakdown

San Marino#4A6FA5

This muted blue represents Konan’s Akatsuki cloak lining and hair accents, symbolizing her calm demeanor, loyalty to Nagato, and enduring connection to rain-soaked Amegakure throughout the series.

Sidecar#F5E6CA

This pale beige matches Konan’s skin tone and paper texture, reflecting her origami-based ninjutsu and the fragile yet resilient nature of her character amidst war, loss, and unwavering devotion to peace.

Mine Shaft#2C2C2C

This deep charcoal defines Konan’s Akatsuki cloak base and hair shadows, embodying the organization’s darkness and her personal grief while maintaining visual contrast against her signature blue and white elements.

Valencia#D94F3B

This subdued red appears in Konan’s Akatsuki cloud pattern and lip tint, signifying hidden passion, sacrifice, and the bloodshed tied to her past with Yahiko and Nagato within the Rain Village’s tragic history.

White#FFFFFF

This pure white corresponds to Konan’s paper wings and floral hair ornament, representing purity, hope, and her role as an angelic figure seeking redemption through artistry and protection of her fallen comrades’ ideals.

Konan 60-30-10 Design Rule

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

60% Background
#FFFFFF
30% Primary
#2C2C2C
10% Accent
#4A6FA5

Use White (#FFFFFF) for large background spaces, Mine Shaft (#2C2C2C) for primary text and structural UI elements, and vibrant San Marino (#4A6FA5) exclusively for call-to-action buttons and important highlights.

Konan UI Component Preview

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

Konan

Paper Angel Ninja

“I am the angel of God’s judgment.”

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

  • Main LED: 74, 111, 165
  • Accent LED: 245, 230, 202

The Design Philosophy behind Konan’s Palette

Konan’s color philosophy masterfully translates narrative tragedy into visual harmony for UI and graphic design. The dominance of San Marino (#4A6FA5) evokes Amegakure’s perpetual rain, while Valencia (#D94F3B) subtly hints at underlying passion and sacrifice without overwhelming the muted tone. This restrained palette succeeds because it mirrors her dual nature: the stark Mine Shaft (#2C2C2C) represents Akatsuki darkness, balanced by White (#FFFFFF) purity in her paper wings. For designers, these color codes offer a blueprint for emotional storytelling; the low-saturation blues and beiges create accessible contrast ratios, ensuring readability in interfaces while maintaining the character’s iconic, somber elegance. It is a functional yet deeply symbolic system.

Best Konan Color Combinations

Rain Village Serenity

The cool muted blue of San Marino paired with warm Sidecar beige creates a soothing, natural contrast that mimics paper against rain, ideal for calming UI backgrounds.

Akatsuki Shadow Contrast

Mine Shaft charcoal against pure White delivers maximum accessibility and dramatic visual impact, perfectly representing Konan’s duality between darkness and angelic redemption.

Download Konan Naruto Color Palette

ASE

Konan .ASE Swatches

For Adobe Swatches & Procreate

SVG

Konan .SVG Palette

Vector Color Palette

PNG

Konan .PNG Image

High-Quality Palette Preview

FAQs about Konan Naruto Color Codes

What is the exact HEX code for Konan’s hair and cloak lining?

Konan’s signature muted blue hair and cloak lining use the HEX code #4A6FA5, known as San Marino, which captures her calm demeanor and connection to the Rain Village.

Which colors define Konan’s primary outfit and skin tone palette?

Her primary palette combines Mine Shaft (#2C2C2C) for the Akatsuki cloak base and Sidecar (#F5E6CA) for her skin and paper texture, creating a balanced, authentic character scheme.

What accent color represents Konan’s Akatsuki clouds and lips?

The subdued red accent used for her Akatsuki cloud pattern and lip tint is Valencia (#D94F3B), symbolizing hidden passion and sacrifice within her otherwise muted design.

Copied