Skip to main content

Mulberry color guide

HEX

#C54B8C

RGB

197, 75, 140

HSL

328°, 51%, 53%

HSV

328°, 62%, 77%

Mulberry is purple that stayed close to the berry stain — rosy, jammy, and a little wine-dark. #C54B8C bridges magenta and plum so it can read as "purple pink" or "pink purple" depending on neighbors. In beauty and fashion it signals ripe pigment without neon shock.

Best for

Email templates, blog headers, and content marketing visuals.

Accessibility

Check contrast before using mulberry for text-heavy layouts, especially on low-contrast backgrounds.

Mulberry color swatch — #C54B8C

How does mulberry compare to nearby colors?

What is the difference between mulberry and cherry?

Mulberry (#C54B8C) feels more softened on screen, while Cherry (#DE3163) pushes the family in the opposite direction. Mulberry keeps the overall palette calmer, while Cherry introduces more visual insistence with less area. Begin with mulberry when the family needs its current undertone and surface character; keep cherry for the nearby alternative that shifts the mood without leaving the same hue neighborhood.

What color is mulberry?

Named for mulberry fruit and historically linked to silk cultivation. Common in cosmetics, lingerie palettes, and autumn lip and nail trends.

What is the hex code for mulberry?

FormatValue
HEX#C54B8C
RGBrgb(197, 75, 140)
HSLhsl(328°, 51%, 53%)
HSV / HSBhsv(328°, 62%, 77%)
CMYK (approx.)cmyk(0%, 62%, 29%, 23%)

Convert Mulberry to other color formats

Open the color converter with Mulberry (#C54B8C) prefilled to copy RGB, HSL, HSV, CMYK, or OKLCH values.

Convert Mulberry in the color converter

What does mulberry mean in design?

Mulberry is often associated with sensuality, abundance, and mature femininity. Next to orchid or violet, mulberry tends to read deeper and more stained; next to magenta, it feels duskier and more botanical.

How do I use mulberry in code?

CSS (hex)color: #C54B8C;
CSS (rgb)color: rgb(197, 75, 140);
CSS (hsl)color: hsl(328, 51%, 53%);
RGB %rgb(77%, 29%, 55%)
Tailwindtext-[#C54B8C]
SwiftUIColor(red: 0.773, green: 0.294, blue: 0.549)
UIKitUIColor(red: 0.773, green: 0.294, blue: 0.549, alpha: 1.0)
AndroidColor.rgb(197, 75, 140)
ComposeColor(0xFFC54B8C)
Web Safe#CC3399

Is mulberry accessible?

CombinationRatioAAAA lgAAAAAA lgUI
AaWhite text on this color4.41:1
AaBlack text on this color4.76:1
AaThis color as text on white4.41:1
AaThis color as text on black4.76:1

WCAG 2.1: AA normal ≥ 4.5:1, AA large text ≥ 3:1, AAA normal ≥ 7:1, AAA large ≥ 4.5:1, UI components ≥ 3:1.

How does mulberry look with color blindness?

Normal vision#C54B8C
Protanopia (red-blind)#908F7C
Deuteranopia (green-blind)#97A079
Tritanopia (blue-blind)#BF706D
Achromatopsia (total color blindness)#6A6A6A

Simulated appearance for common types of color vision deficiency. Actual perception varies by individual.

What colors go with mulberry

#36454F
Charcoal

Charcoal gives mulberry a modern dark partner that feels softer and more material than default black.

#000080
Navy Blue

Because mulberry already carries warmth, navy blue gives the pair a steadier backbone and keeps it closer to editorial systems than to one-note seasonal color.

#FFFDD0
Cream

Cream helps mulberry read warmer, softer, and less screen-hard than it would beside pure white.

#FFD700
Gold

Gold gives mulberry a ceremonial or premium edge, especially when the design needs more warmth than silver or charcoal would provide.

#C0C0C0
Silver

Silver changes how mulberry comes across: more product and UI scaffolding in mood, and less likely to feel isolated or unfinished.

What colors clash with mulberry

#39FF14
Neon Green

With mulberry, Neon Green pulls the palette toward LED signage and away from the dusky violet quality that makes the source color usable.

#FF00FF
Magenta

With mulberry, magenta introduces a second emotional story instead of reinforcing the first one, so the palette can feel internally split.

#00FFFF
Cyan

Cyan redirects mulberry toward a more technical, backlit interpretation, which is risky when the goal is warmth, polish, or print-minded editorial work.

#FFFF00
Yellow

Yellow can strip grounding away from mulberry by putting a much brighter note beside it before the layout has any darker structure.

How should I use mulberry in design?

  • Try mulberry for section backgrounds, card fills, or brand-secondary roles where you want color without overpowering the content.
  • Pair mulberry with cool accents (navy, sage, steel blue) for sharp contrast, or keep it with other warm tones (cream, gold, tan) for a cohesive, editorial feel.
  • Mulberry works in beauty, creative-agency, and premium-product contexts where the brand wants to feel distinctive without resorting to standard corporate blue.

What are good mulberry palettes?

Daylight

Email templates, blog headers, and content marketing visuals.

Golden hour

Workshop handouts, training guides, and presentation templates.

Accent framework

Mobile app interfaces, onboarding screens, and light-mode UI themes.

Design with mulberry in Moda

Create a presentation or document using mulberry as your accent color. Moda's AI applies your color palette automatically.

Create a design with mulberry

What are the shades and tints of mulberry?

Shades (darker)

Tints (lighter)

Tones (desaturated)

Hue variations

What are the color harmonies for mulberry?

Harmonies are calculated from the base swatch. When a harmony matches a named color page, it links there; otherwise it appears here as a computed reference swatch.

Complementary
Green#4AC483Computed
Analogous
Red#C44A4EComputedPurple#C04AC4Computed
Triadic
Green#8BC44AComputedCyan#4A8BC4Computed
Split-complementary
Green#4EC44AComputedCyan#4AC4C0Computed
Monochromatic
Dark Purple#4D1935ComputedPurple#9A3269ComputedPurple#CD659CComputedLight Purple#E6B2CEComputed
Square
Yellow#C4C04AComputedGreen#4AC483ComputedBlue#4A4EC4Computed

Frequently asked questions

What is the hex code for mulberry?

The hex code for mulberry is #C54B8C. In RGB, that's 197 red, 75 green, and 140 blue. The approximate CMYK equivalent is 0% cyan, 62% magenta, 29% yellow, and 23% key (black).

Is mulberry a warm or cool color?

Mulberry sits on the warm side of the palette, so it pairs easily with other warm tones and becomes more energetic when you place it against cooler blues or blue-grays.

Is mulberry better for accents, structure, or surfaces?

Mulberry sits in the usable middle: strong enough to anchor a section or call attention to a key moment, but calm enough to support a broader system when the surrounding values are well managed.

Where does mulberry work best in a layout?

Mulberry sits in the middle of the spectrum in a useful way: strong enough for emphasis, but controlled enough to support a broader brand or presentation system when the contrast is handled well.

Is mulberry accessible?

Mulberry works better with dark text than white text. Black text reaches 4.76:1 contrast on the swatch, which makes the color more usable as a background or highlight surface than as a dark panel.

Last updated April 6, 2026

Color values are computed from the listed hex code using standard conversion formulas. RGB, HSL, and HSV are exact screen-ready conversions. CMYK is an approximate on-screen reference, not a press-ready print specification. Pairings, palettes, and use-case guidance are heuristic recommendations derived from color relationships, contrast behavior, and common presentation, document, and UI patterns.