Ibara Shiozaki Color Codes – My Hero Academia Palette & HEX Values for UI/UX Design

Ibara Shiozaki Color Codes – My Hero Academia Palette & HEX Values for UI/UX Design

Ibara Shiozaki is one of My Hero Academia’s most visually distinctive Class 1-B students, recognized instantly by her living vine hair and devout, serene demeanor. Her character design leans into a nature-meets-faith aesthetic that translates beautifully into digital palettes. The dominant Fern Green (#5A7D3A) captures her thorny, organic Quirk, while Alabaster (#F8F8F8) defines her nun-inspired hero costume with clean, disciplined lines. Warm Mule Fawn (#8B5A2B) accents ground the composition in earthy, religious symbolism. For designers hunting Ibara Shiozaki color codes, this five-swatch palette delivers a ready-made scheme that balances organic energy with spiritual calm—ideal for branding, illustration, and UI theming.

Fern Green
#5A7D3A
Everglade
#1F4D2A
Alabaster
#F8F8F8
Oasis
#FDE8D0
Mule Fawn
#8B5A2B

Ibara Shiozaki My Hero Academia Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Fern Green #5A7D3A 90, 125, 58 28, 0, 54, 51
Everglade #1F4D2A 31, 77, 42 60, 0, 45, 70
Alabaster #F8F8F8 248, 248, 248 0, 0, 0, 3
Oasis #FDE8D0 253, 232, 208 0, 8, 18, 1
Mule Fawn #8B5A2B 139, 90, 43 0, 35, 69, 45

Ibara Shiozaki CSS & Tailwind Color Variables

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

:root {
/* Ibara Shiozaki My Hero Academia Palette */
--ibara-shiozaki-my-hero-academia-fern-green: #5A7D3A;
--ibara-shiozaki-my-hero-academia-everglade: #1F4D2A;
--ibara-shiozaki-my-hero-academia-alabaster: #F8F8F8;
--ibara-shiozaki-my-hero-academia-oasis: #FDE8D0;
--ibara-shiozaki-my-hero-academia-mule-fawn: #8B5A2B;
}

Ibara Shiozaki CSS Gradients

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

Click to Copy CSS
Fern Green to Oasis#5A7D3A → #FDE8D0
Click to Copy CSS
Alabaster to Fern Green#F8F8F8 → #5A7D3A

Ibara Shiozaki Color Scheme Breakdown

Fern Green#5A7D3A

This medium green dominates Ibara’s vine-like hair, visually defining her plant-based Quirk and giving her a distinctive silhouette while symbolizing her natural, thorny abilities and calm, faithful personality throughout the series.

Everglade#1F4D2A

This darker green appears on the thorn tips and leaf details of her vine hair, adding depth and a slightly dangerous edge that emphasizes the wild, organic nature of her Quirk beyond her gentle appearance.

Alabaster#F8F8F8

The white of her modest hero costume, featuring a high collar and clean lines, reflects her pure, nun-like demeanor and contrasts sharply with her green hair to give her a disciplined, serene presence during battles.

Oasis#FDE8D0

Her fair, pale skin appears on her face and arms, enhancing her gentle and reserved impression while providing a calm neutral backdrop that makes her green hair and white costume stand out more vividly.

Mule Fawn#8B5A2B

A brown wooden cross necklace and subtle leather accents on her costume introduce earthy warmth, reinforcing her religious symbolism and connecting her overall design to natural, grounded materials rather than synthetic ones.

Ibara Shiozaki 60-30-10 Design Rule

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

60% Background
#F8F8F8
30% Primary
#1F4D2A
10% Accent
#5A7D3A

Use Alabaster (#F8F8F8) for large background spaces, Everglade (#1F4D2A) for primary text and structural UI elements, and vibrant Fern Green (#5A7D3A) exclusively for call-to-action buttons and important highlights.

Ibara Shiozaki UI Component Preview

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

Ibara Shiozaki

Vine Blessed Nun

“I shall not allow such vulgarity to go unpunished!”

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

  • Main LED: 90, 125, 58
  • Accent LED: 31, 77, 42

The Design Philosophy behind Ibara Shiozaki’s Palette

The design team behind My Hero Academia built Ibara’s palette around a single narrative tension: gentle faith versus wild, untamed nature. Fern Green (#5A7D3A) and the deeper Everglade (#1F4D2A) mirror her vine Quirk’s duality—nurturing growth and sharp, dangerous thorns coexisting on one character. Alabaster (#F8F8F8) acts as a visual silence between the greens, echoing her modesty and restraint, while Oasis (#FDE8D0) skin tones keep the palette human and approachable. The singular Mule Fawn (#8B5A2B) cross pendant introduces warmth without breaking the cool-green harmony. This layered contrast ensures instant silhouette recognition in animation and gives UI designers a scalable system: organic greens for energy, neutrals for breathing room, and a single earthy accent for emotional grounding.

Best Ibara Shiozaki Color Combinations

Thorned Sanctuary

Fern Green’s saturated organic energy against near-pure Alabaster creates a high-contrast pairing that reads clearly at any scale, perfect for CTA buttons on light-themed interfaces or hero banners needing instant visual hierarchy.

Rooted Devotion

The deep Everglade green paired with warm Mule Fawn brown evokes natural wood and foliage together, producing an earthy, grounded duo ideal for sidebars, footer backgrounds, or branding that communicates stability and tradition.

Download Ibara Shiozaki My Hero Academia Color Palette

ASE

Ibara Shiozaki .ASE Swatches

For Adobe Swatches & Procreate

SVG

Ibara Shiozaki .SVG Palette

Vector Color Palette

PNG

Ibara Shiozaki .PNG Image

High-Quality Palette Preview

FAQs about Ibara Shiozaki My Hero Academia Color Codes

What is the exact HEX code for Ibara Shiozaki’s vine hair color in My Hero Academia?

Ibara’s iconic vine hair is primarily Fern Green at #5A7D3A (rgb 90, 125, 58), with darker thorn-tip details rendered in Everglade #1F4D2A for added depth and organic texture.

What colors make up Ibara Shiozaki’s hero costume palette?

Her modest, nun-inspired hero costume is dominated by Alabaster #F8F8F8 for the high-collar body suit, complemented by subtle Mule Fawn #8B5A2B leather accents and a wooden cross necklace that add earthy warmth.

Which accent color adds warmth to Ibara Shiozaki’s overall character design?

The warm brown Mule Fawn at #8B5A2B serves as the key accent, appearing on her cross necklace and leather costume details. It breaks the cool green-and-white scheme and reinforces her grounded, religious symbolism.

Copied