Complete Color Reference
Eight distinct colors build SpongeBob's entire visual identity. The 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 |
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
SpongeBob's sponge body is #FFD040 in HEX — H:48°, S:75%, B:100% in HSB, and RGB(255, 208, 64). The 75% saturation is the defining characteristic: it's noticeably less vivid than Pikachu's #FFD900 (100% saturation), which is why SpongeBob reads as warm and organic while Pikachu reads as electric.
SpongeBob's square pants are #704214 — a warm saddle-brown at H:27°, S:82%, B:44%. It's notably warm (orange-leaning) rather than cool or neutral, which keeps it harmonious with the yellow body while providing strong dark contrast. The same brown appears on the belt buckle strap and shoes.
No — they're similar but distinct. SpongeBob's yellow is #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 in hue, giving it a more vivid, graphic-novel quality. SpongeBob's is softer and slightly more orange-leaning, matching his "natural sea sponge" concept.
Core palette for digital fan art: body #FFD040, pore shadows #E8B800, shirt #FAFAFA, tie #CC2800, pants #704214, eyes #6BB8D4, pupils/outlines #1A1A1A. For body shadows, use the pore shadow color (#E8B800) — it's the same hue at full saturation, which looks more natural than adding gray. Avoid blue-tinted shadows; SpongeBob's palette is entirely warm.
Body: background: #FFD040 or background: hsl(48, 100%, 63%)
Note: CSS HSL uses a different lightness scale than HSB/HSV.
HSB brightness 100% at 75% saturation ≈ HSL lightness 63%.
Pants brown: background: #704214
Tie red: background: #CC2800
Eye blue: background: #6BB8D4
The pore spots (#E8B800) are a key visual decision: they establish "sponge" as a material concept without making SpongeBob look biological or gross. 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 solve a practical animation problem — they help outline the body's shape without needing a heavy black outline on every frame.
Yes — Toon Tone is a free color memory game where SpongeBob's colors go missing and you reconstruct them from scratch using HSB sliders. The sponge yellow is one of the harder rounds because everyone is confident they know it — then the slider reveals whether they guessed 75% or 100% saturation. (Almost everyone guesses too high.)