Puar Dragon Ball Color Codes: Complete Palette with HEX, RGB & CMYK Values

Puar Dragon Ball Color Codes: Complete Palette with HEX, RGB & CMYK Values

Puar is Dragon Ball’s gentlest floating companion—a timid, shape-shifting feline whose soft-spoken loyalty to Yamcha endears him to fans worldwide. His color palette is deceptively simple yet masterfully balanced for a children’s anime audience. The dominant Aquamarine (#7EC8E3) blankets his rounded body, while Porcelain (#F5F7F8) softens his muzzle and belly to evoke plush-toy warmth. Meanwhile, Wewak (#F2A9B8) tints his inner ears with organic pink, completing a five-color scheme that designers and illustrators frequently reference when building pastel UI palettes or kawaii-inspired graphic assets.

Aquamarine
#7EC8E3
Porcelain
#F5F7F8
Eerie Black
#1B1B1B
Wewak
#F2A9B8
Ming
#3D6E8F

Puar Dragon Ball Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Aquamarine #7EC8E3 126, 200, 227 44, 12, 0, 11
Porcelain #F5F7F8 245, 247, 248 1, 0, 0, 3
Eerie Black #1B1B1B 27, 27, 27 0, 0, 0, 89
Wewak #F2A9B8 242, 169, 184 0, 30, 24, 5
Ming #3D6E8F 61, 110, 143 57, 23, 0, 44

Puar CSS & Tailwind Color Variables

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

:root {
/* Puar Dragon Ball Palette */
--puar-dragon-ball-aquamarine: #7EC8E3;
--puar-dragon-ball-porcelain: #F5F7F8;
--puar-dragon-ball-eerie-black: #1B1B1B;
--puar-dragon-ball-wewak: #F2A9B8;
--puar-dragon-ball-ming: #3D6E8F;
}

Puar CSS Gradients

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

Click to Copy CSS
Aquamarine to Wewak#7EC8E3 → #F2A9B8
Click to Copy CSS
Eerie Black to Aquamarine#1B1B1B → #7EC8E3

Puar Color Scheme Breakdown

Aquamarine#7EC8E3

This soft blue covers Puar’s rounded head, ears, and floating body, defining the character’s cute, otherworldly feline appearance and making him instantly recognizable among Dragon Ball’s supporting cast.

Porcelain#F5F7F8

A clean off-white appears on Puar’s muzzle, chest, and belly area, creating gentle contrast with the blue fur and emphasizing his small, friendly face and plush-like animal design.

Eerie Black#1B1B1B

Near-black is used for Puar’s round pupils and simple facial features, giving his large expressive eyes a clear focal point and enhancing his timid, comedic personality throughout the series.

Wewak#F2A9B8

Soft pink fills the inner ears and occasionally the open mouth, adding a warm organic accent to the cool blue body and supporting the character’s gentle, non-threatening visual charm.

Ming#3D6E8F

A deeper muted blue appears on the outline and subtle fur separations, providing definition without heavy shading and helping the character read clearly against bright backgrounds in anime scenes.

Puar 60-30-10 Design Rule

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

60% Background
#F5F7F8
30% Primary
#1B1B1B
10% Accent
#7EC8E3

Use Porcelain (#F5F7F8) for large background spaces, Eerie Black (#1B1B1B) for primary text and structural UI elements, and vibrant Aquamarine (#7EC8E3) exclusively for call-to-action buttons and important highlights.

Puar UI Component Preview

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

Puar

Loyal Feline Companion

“I’ll always be by your side, Yamcha-sama!”

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

  • Main LED: 126, 200, 227
  • Accent LED: 245, 247, 248

The Design Philosophy behind Puar’s Palette

Akira Toriyama designed Puar’s palette around emotional accessibility rather than visual aggression. The near-monochromatic blue duo—Aquamarine (#7EC8E3) paired with the deeper Ming (#3D6E8F)—creates just enough tonal separation for the character to read clearly in fast-paced anime frames without resorting to harsh outlines. The Porcelain (#F5F7F8) belly acts as a negative-space anchor, drawing the viewer’s eye toward Puar’s expressive Eerie Black (#1B1B1B) eyes and reinforcing his role as the series’ emotional comic relief. The single Wewak (#F2A9B8) accent prevents the cool palette from feeling sterile, mirroring Puar’s hidden courage. For UI/UX designers, this five-color HEX set demonstrates how limited palettes can still convey personality hierarchy, brand warmth, and instant character recognition at any scale.

Best Puar Color Combinations

Skyline Softness

Pairing the airy Aquamarine with near-white Porcelain creates a low-contrast, calming duo ideal for baby-product interfaces, wellness apps, or pastel landing pages where readability and gentleness matter.

Depth & Definition

Using Ming as an outline or shadow tone beneath the lighter Aquamarine gives flat illustrations and vector icons a sense of dimensionality without introducing a third hue, keeping designs clean and cohesive.

Download Puar Dragon Ball Color Palette

ASE

Puar .ASE Swatches

For Adobe Swatches & Procreate

SVG

Puar .SVG Palette

Vector Color Palette

PNG

Puar .PNG Image

High-Quality Palette Preview

FAQs about Puar Dragon Ball Color Codes

What is the exact HEX color code for Puar’s blue fur in Dragon Ball?

Puar’s signature blue fur is rendered in Aquamarine, HEX #7EC8E3 (RGB 126, 200, 227). This soft cyan-blue covers his head, ears, and floating body, making him instantly recognizable across the series.

What colors make up Puar’s main body palette and how do they contrast?

The primary body palette pairs Aquamarine #7EC8E3 with Porcelain #F5F7F8 on the muzzle, chest, and belly. The near-white belly provides gentle contrast against the blue fur, while the deeper Ming #3D6E8F outlines separate fur sections for clarity in animation.

What accent color appears inside Puar’s ears and mouth?

The warm pink accent is Wewak, HEX #F2A9B8 (RGB 242, 169, 184). It fills Puar’s inner ears and occasionally his open mouth, adding an organic warmth that balances the otherwise cool blue-and-white palette.

Copied