David Shield Color Codes & Palette – My Hero Academia HEX Values for Designers

David Shield Color Codes & Palette – My Hero Academia HEX Values for Designers

David Shield is the brilliant Quirkless scientist behind I-Island’s most advanced support gear in My Hero Academia. Calm, methodical, and deeply loyal, his visual identity is built around a clean, intellectual palette that instantly communicates trust and precision. The dominant Wild Sand (#F4F4F4) lab coat signals purity of purpose, while the soft Regent St Blue (#A6C6E0) shirt adds a layer of approachable professionalism. Grounding the composition, the deep Cello (#1F3A5F) tie injects quiet authority. Together, these David Shield color codes form a cohesive HEX palette that designers can replicate for science-themed UI, academic branding, or character-inspired interfaces.

Wild Sand
#F4F4F4
Millbrook
#6B4A3A
Wedgewood
#4C7BA6
Regent St Blue
#A6C6E0
Cello
#1F3A5F

David Shield My Hero Academia Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Wild Sand #F4F4F4 244, 244, 244 0, 0, 0, 4
Millbrook #6B4A3A 107, 74, 58 0, 31, 46, 58
Wedgewood #4C7BA6 76, 123, 166 54, 26, 0, 35
Regent St Blue #A6C6E0 166, 198, 224 26, 12, 0, 12
Cello #1F3A5F 31, 58, 95 67, 39, 0, 63

David Shield CSS & Tailwind Color Variables

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

:root {
/* David Shield My Hero Academia Palette */
--david-shield-my-hero-academia-wild-sand: #F4F4F4;
--david-shield-my-hero-academia-millbrook: #6B4A3A;
--david-shield-my-hero-academia-wedgewood: #4C7BA6;
--david-shield-my-hero-academia-regent-st-blue: #A6C6E0;
--david-shield-my-hero-academia-cello: #1F3A5F;
}

David Shield CSS Gradients

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

Click to Copy CSS
Wild Sand to Regent St Blue#F4F4F4 → #A6C6E0
Click to Copy CSS
Wedgewood to Wild Sand#4C7BA6 → #F4F4F4

David Shield Color Scheme Breakdown

Wild Sand#F4F4F4

David Shield’s white lab coat is the most prominent part of his design, instantly marking him as a scientist on I-Island and creating a bright, clean contrast with the blue tones of his shirt and tie.

Millbrook#6B4A3A

His short brown hair frames his face and reinforces his grounded, intellectual nature, while also creating a subtle familial resemblance to his daughter Melissa despite her much lighter blonde hair.

Wedgewood#4C7BA6

His blue eyes, visible behind his glasses, convey sincerity and sharp intellect, and they harmonize with the blue shirt and tie to establish a cohesive, trustworthy palette for the character.

Regent St Blue#A6C6E0

The light blue dress shirt worn under his lab coat introduces a soft professional tone, reflecting David Shield’s calm, methodical approach to science and the advanced, hopeful atmosphere of I-Island.

Cello#1F3A5F

His dark blue tie adds a formal, authoritative accent to the outfit, reinforcing his status as a leading researcher and subtly echoing the blue elements of All Might’s heroic costume.

David Shield 60-30-10 Design Rule

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

60% Background
#A6C6E0
30% Primary
#1F3A5F
10% Accent
#F4F4F4

Use Regent St Blue (#A6C6E0) for large background spaces, Cello (#1F3A5F) for primary text and structural UI elements, and vibrant Wild Sand (#F4F4F4) exclusively for call-to-action buttons and important highlights.

David Shield UI Component Preview

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

David Shield

Quirkless Support Scientist

“I may not have a Quirk, but my science will stand beside the greatest hero and protect the people he saves.”

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

  • Main LED: 244, 244, 244
  • Accent LED: 107, 74, 58

The Design Philosophy behind David Shield’s Palette

The designers behind My Hero Academia constructed David Shield’s color palette to mirror his narrative arc—a Quirkless man earning respect through intellect rather than power. The near-white Wild Sand (#F4F4F4) coat strips away visual noise, positioning him as a neutral, rational observer in a world of explosive heroics. The two blue tones—Wedgewood (#4C7BA6) eyes and Cello (#1F3A5F) tie—create a tonal gradient that echoes depth of thought and institutional credibility, while subtly linking him to All Might’s blue-accented costume to visualize their long friendship. The warm Millbrook (#6B4A3A) hair prevents the palette from feeling sterile, adding humanity. This layered, low-saturation approach succeeds because every HEX code reinforces the story: science as quiet, dependable heroism.

Best David Shield Color Combinations

Lab Clarity Contrast

Pairing the near-white Wild Sand with the deep Cello navy produces a WCAG-friendly contrast ratio ideal for headers, data dashboards, and scientific UI where readability and authority must coexist.

Intellectual Blue Harmony

Wedgewood and Regent St Blue sit in the same hue family but differ in value, creating a soothing analogous gradient perfect for card backgrounds, progress bars, or trust-building brand interfaces.

Download David Shield My Hero Academia Color Palette

ASE

David Shield .ASE Swatches

For Adobe Swatches & Procreate

SVG

David Shield .SVG Palette

Vector Color Palette

PNG

David Shield .PNG Image

High-Quality Palette Preview

FAQs about David Shield My Hero Academia Color Codes

What is the exact HEX code for David Shield’s white lab coat in My Hero Academia?

David Shield’s signature lab coat uses the HEX code #F4F4F4 (Wild Sand), a near-pure white with only 4% black in its CMYK breakdown, making it ideal for clean, high-contrast UI backgrounds.

What colors make up David Shield’s main outfit palette?

His primary outfit combines three blues and a white: the #F4F4F4 lab coat over a #A6C6E0 (Regent St Blue) dress shirt, accented by a #1F3A5F (Cello) tie, forming a professional scientist palette.

What accent color is used for David Shield’s hair and eyes?

His short hair is rendered in #6B4A3A (Millbrook), a warm brown that grounds the cool palette, while his eyes use #4C7BA6 (Wedgewood), adding a sincere, intellectual focal point behind his glasses.

Copied