Mandarin Jelly

Saturated high-energy orange that demands attention

Select a Color

Mandarin Jelly is a saturated, high-energy orange that demands attention. Because it is so intense, it functions best as a tactical 10% accent color rather than a large background. It pairs exceptionally well with charcoal grays or deep teals to ground its loudness. The hex code for Mandarin Jelly is #ff8800, which offers enough contrast for black text to remain accessible and readable.

About Mandarin Jelly

Marmalade catching late sun through a jar

What does mandarin jelly mean?

Orange often signals heat, harvest, and appetite, and in traffic gear and workwear it warns people to look. Full saturation at a bright mid-lightness gives it a loud, beaming energy that fills a page without tipping into harshness.

Where you see mandarin jelly

apricot halves
marigold petals
mango flesh
safety cones
hard hats
pumpkin puree

What it works for

It works for buttons, food packaging, sports kits, and any accent that has to read from across a room.

What colors go with mandarin jelly?

Teal #008080The cool blue-green sits across the wheel, so each color reads hotter and cleaner beside the other.Navy #000080Deep navy darkens the page and lets the orange carry the light like a lamp.Cream #fffdd0Soft cream thins the heat and keeps layouts built on this orange from shouting.Charcoal #36454fNear-black charcoal grounds the color and stops its brightness from floating off the surface.Olive #808000Olive pulls the orange toward earthy, food-adjacent territory without dimming its glow.Magenta #ff00ffMagenta leans the pair toward a loud pop, best used in small doses.

Questions about Mandarin Jelly

What is the hex code for Mandarin Jelly?

Mandarin Jelly is #ff8800. In RGB that is rgb(255, 136, 0), in HSL hsl(32, 100%, 50%) and in CMYK 0%, 47%, 100%, 0%.

How do I best use Mandarin Jelly #ff8800 in a design?

Treat this color as a high-impact accent, ideally occupying no more than 10% of your layout. Because it is so intense, it pairs beautifully with neutral charcoal or deep teal to ground its loudness without clashing with the primary focus.

Is Mandarin Jelly readable on white or black?

Mandarin Jelly has a 2.39:1 contrast ratio on white and 8.77:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.