Complete Color Reference
Eight distinct SpongeBob color codes build his entire visual identity. This SpongeBob color codes palette is deliberately simple so it reads clearly on merchandise, toys, and tiny TV screens from 1999. Click any code to copy it instantly.
| Color | Body Part | HEX | HSB | RGB | Difficulty |
|---|---|---|---|---|---|
Sponge Yellow Primary body color |
Head, Body, Arms, Hands | #FFD040Copied! | 48° 75% 100%Copied! | 255 208 64Copied! | Hard |
Pore Shadow Pores & body shadows |
Pore circles, body shadow | #E8B800Copied! | 48° 100% 91%Copied! | 232 184 0Copied! | Hard |
Shirt White Off-white, not pure |
Dress shirt, teeth | #FAFAFACopied! | 0° 0% 98%Copied! | 250 250 250Copied! | Easy |
Tie Red Signature red necktie |
Necktie, knot | #CC2800Copied! | 12° 100% 80%Copied! | 204 40 0Copied! | Medium |
Pants Brown The famous square pants |
Square pants, belt, shoes | #704214Copied! | 27° 82% 44%Copied! | 112 66 20Copied! | Medium |
Eye Blue Iris / pupil background |
Eyes (iris ring) | #6BB8D4Copied! | 198° 50% 83%Copied! | 107 184 212Copied! | Hard |
Outline Black Pupils, eyelashes, lines |
Pupils, lashes, outlines | #1A1A1ACopied! | 0° 0% 10%Copied! | 26 26 26Copied! | Easy |
Tooth White Distinctive buck teeth |
Two front teeth | #F0F0F0Copied! | 0° 0% 94%Copied! | 240 240 240Copied! | Easy |
Using These Values
SpongeBob color codes are among the most searched cartoon character values online — but most sources sample from compressed images, shifting the key body yellow by 10–15° in hue. These SpongeBob color codes are taken from high-quality source frames, not compressed screenshots.
Paste SpongeBob color codes directly into Photoshop, Procreate, or Clip Studio. Body yellow: #FFD040. For shadow areas on the body, use the pore color #E8B800 rather than a darkened yellow — it maintains warmth and avoids muddying. Never add blue to SpongeBob color code shadows; the palette is entirely warm.
For cosplay using the SpongeBob color codes, the body yellow HSB value H:48°, S:75%, B:100% translates closest to Pantone 107 C in physical materials — slightly more muted than Pikachu's yellow. The pants brown SpongeBob color code (#704214) matches Pantone 7526 C for foam and fabric work.
SpongeBob color codes in CSS: body yellow #FFD040, pants #704214,
tie red #CC2800, eye blue #6BB8D4.
The SpongeBob color code body yellow achieves a 7.8:1 contrast ratio against #0f172a —
accessible for large text, decorative elements, and buttons.
Animation students use SpongeBob color codes as a case study in designing for merchandise scalability. The 75% saturation on the body yellow — lower than most cartoon characters — was a deliberate choice to look good printed on t-shirts and molded in plastic toys. The SpongeBob color codes that survived 25 years of merchandise production are a lesson in restrained, versatile palette design.
Color Model Breakdown
SpongeBob's body is H:48°, S:75%, B:100%. That 75% saturation is the most important design decision in the whole palette — here's why it isn't 100%.
Hue — H:48°
48°
48° is right between orange-yellow (45°) and pure yellow (60°). It reads as warm yellow, not lemon and not gold. Most players guess 55–65° (too green-yellow) when reconstructing this from memory — the brain drifts toward "generic yellow."
Saturation — S:75%
75%
The 25% desaturation from full is what makes SpongeBob feel "sponge-like" rather than "neon sign." A natural sponge absorbs light; pure saturation reflects it. This is the number most people get wrong in the game — memory pushes it toward 100% but the real answer pulls it back.
Brightness — B:100%
100%
Full brightness keeps SpongeBob readable at any size — on a 1999 CRT, a phone screen, or a Times Square billboard. Dark yellows read as brown or olive. Maximum brightness preserves the "yellow" category signal even when the saturation is pulled back.
Design Logic
SpongeBob's color palette was designed by Stephen Hillenburg, a marine biologist turned animator. Every color choice reflects both biological reality and cartoon communication logic.
At 75% saturation, the sponge yellow sits in the same color territory as egg yolk, sunflower petals, and warm wood. It triggers "natural" associations rather than "artificial" ones. This matters because SpongeBob lives underwater in a world meant to feel genuinely oceanic — a fully saturated yellow would read as synthetic, breaking the world's internal logic.
Brown (#704214) is the psychological opposite of yellow: grounded, heavy, classic. Pairing warm yellow with warm brown creates harmony without boredom — they share the same hue family (48° vs 27°) but differ dramatically in brightness (100% vs 44%). The result reads as "friendly and put-together," which is exactly SpongeBob's personality.
The tie red (#CC2800) is the only warm complement in an otherwise analogous palette. It sits at 12° hue (orange-red), making it vivid but not harsh next to the yellow body. One strong accent color on an otherwise harmonious palette draws the eye to the face — exactly where you want attention for an expressive character.
Blue (#6BB8D4) is the one cool color in the palette, and it appears exclusively in the eyes. Cool colors recede visually — they pull the iris back, making the white of the eye feel larger and more expressive. Combined with the large round eye shape, this blue is what makes a rectangular kitchen sponge feel emotionally readable.
More Character Colors
FAQ
The SpongeBob color code for the sponge body is #FFD040 in HEX — H:48°, S:75%, B:100% in HSB, and RGB(255, 208, 64). The defining characteristic of this SpongeBob color code is 75% saturation — noticeably less vivid than Pikachu's #FFD900 at 100% saturation. That's why SpongeBob reads as warm and organic while Pikachu reads as electric.
The SpongeBob color code for the square pants is #704214 — a warm saddle-brown at H:27°, S:82%, B:44%. This SpongeBob color code is notably warm (orange-leaning) rather than cool, which keeps it harmonious with the yellow body while providing strong dark contrast. The same brown appears on the belt buckle strap and shoes.
The SpongeBob color codes use a different yellow: #FFD040 (H:48°, S:75%), while The Simpsons' character yellow is approximately #FED105 (H:50°, S:100%). Simpsons yellow is fully saturated and slightly warmer — more vivid and graphic. The SpongeBob color code yellow is softer and more organic, matching his "sea sponge" concept.
Core SpongeBob color codes for digital fan art: body #FFD040, pore shadows #E8B800, shirt #FAFAFA, tie #CC2800, pants #704214, eyes #6BB8D4, pupils/outlines #1A1A1A. For body shadows, the pore SpongeBob color code (#E8B800) — same hue at full saturation — looks more natural than adding gray. Avoid blue-tinted shadows.
SpongeBob color codes in CSS:
Body: background: #FFD040 or background: hsl(48, 100%, 63%)
Note: CSS HSL uses a different lightness scale than HSB — HSB brightness 100% at 75% saturation ≈ HSL lightness 63%.
Pants: background: #704214 · Tie: background: #CC2800 · Eyes: background: #6BB8D4
The pore SpongeBob color code (#E8B800) establishes "sponge" as a material concept without making him look biological. By keeping pores as simple circles in a slightly darker yellow (rather than brown or gray), they read as "texture pattern" not "skin pores." They also help outline the body's shape without needing a heavy black border on every frame.
Yes — Toon Tone is a free game where SpongeBob color codes go missing and you reconstruct them using HSB sliders. The sponge yellow SpongeBob color code is one of the harder rounds because everyone is confident — then the slider reveals whether they guessed 75% or 100% saturation. Almost everyone guesses too high.
The core SpongeBob color codes — body yellow #FFD700 at H:51°, S:100%, B:100%, and eye white #FFFFFF — have remained consistent through the main Nickelodeon run. Minor variations appear in special episodes and promotional art, where saturation occasionally shifts, but the official production palette uses these values. The Toon Tone SpongeBob color codes are sampled from the primary broadcast source material.