What are the hex codes in the Mulberry & Orchid Bloom palette?

The Mulberry & Orchid Bloom color palette consists of Mulberry #B3408B, Orchid #D178B4, Baby Pink #FFC0BB, Beige #F4F1DE.

How should I use the Mulberry & Orchid Bloom palette on a website?

Use Beige #F4F1DE as the background, Mulberry #B3408B for text, Baby Pink #FFC0BB for buttons and links, and Orchid #D178B4 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Mulberry on Beige at 4.59:1.

Which colors in Mulberry & Orchid Bloom have enough contrast for text?

The highest-contrast pair is #B3408B on #F4F1DE with a ratio of 4.59:1, which passes WCAG AA for normal text.

#B3408BMulberry

#D178B4Orchid

#FFC0BBBaby Pink

#F4F1DEBeige

Mulberry & Orchid Bloom color palette

Warm Purple Pink White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Mulberry	`#B3408B`	`rgb(179, 64, 139)`	`hsl(321, 47%, 48%)`	`oklch(55.5% 0.170 344)`
Orchid	`#D178B4`	`rgb(209, 120, 180)`	`hsl(320, 49%, 65%)`	`oklch(68.9% 0.133 340)`
Baby Pink	`#FFC0BB`	`rgb(255, 192, 187)`	`hsl(4, 100%, 87%)`	`oklch(86.4% 0.073 24)`
Beige	`#F4F1DE`	`rgb(244, 241, 222)`	`hsl(52, 50%, 91%)`	`oklch(95.5% 0.025 100)`

Why it works and how to use it

Mulberry & Orchid Bloom is a light, split color palette tagged warm, purple, pink. The hues span about 92°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

With 4 chromatic colors, Baby Pink takes the lead while the rest support. Lightness runs from 48% to 91%. Well suited to websites, presentations and branding.

Background: Beige (#F4F1DE) is the lightest color, so it belongs on large surfaces.
Text: Mulberry (#B3408B) on #F4F1DE gives 4.59:1, passing WCAG AA.
Primary: Baby Pink (#FFC0BB) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Orchid (#D178B4) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Mulberry on Beige at 4.59:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Mulberry & Orchid Bloom

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#B3408B

#D178B4

#FFC0BB

#F4F1DE

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#B3408B` on `#F4F1DE`	Aa	4.59:1	AA
`#B3408B` on `#FFC0BB`	Aa	3.36:1	AA large only
`#D178B4` on `#F4F1DE`	Aa	2.62:1	Fail
`#D178B4` on `#FFC0BB`	Aa	1.91:1	Fail
`#B3408B` on `#D178B4`	Aa	1.75:1	Fail
`#FFC0BB` on `#F4F1DE`	Aa	1.37:1	Fail

Similar palettes 24 more in this mood