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

The Mulberry & Orchid Sky color palette consists of Mulberry #C638C4, Orchid #E574E7, Mauve #EEBAF3, Smoke #FFF0F7.

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

Use Smoke #FFF0F7 as the background, Mulberry #C638C4 for text, Orchid #E574E7 for buttons and links, and Mauve #EEBAF3 for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

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

The highest-contrast pair is #C638C4 on #FFF0F7 with a ratio of 4:1, which passes WCAG AA for large text only.

#C638C4Mulberry

#E574E7Orchid

#EEBAF3Mauve

#FFF0F7Smoke

Mulberry & Orchid Sky color palette

Kids Vibrant Neon Purple White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Mulberry	`#C638C4`	`rgb(198, 56, 196)`	`hsl(301, 56%, 50%)`	`oklch(60.4% 0.232 329)`
Orchid	`#E574E7`	`rgb(229, 116, 231)`	`hsl(299, 71%, 68%)`	`oklch(72.9% 0.197 327)`
Mauve	`#EEBAF3`	`rgb(238, 186, 243)`	`hsl(295, 70%, 84%)`	`oklch(85.3% 0.096 323)`
Smoke	`#FFF0F7`	`rgb(255, 240, 247)`	`hsl(332, 100%, 97%)`	`oklch(96.9% 0.019 347)`

Why it works and how to use it

Mulberry & Orchid Sky is a vivid light, monochromatic color palette tagged kids, vibrant, neon. All four colors sit within 6° of hue, so the scheme reads as one color explored across light and dark. These are bold, punchy colors that need generous white space around them. The overall temperature is warm.

With 3 chromatic colors, Orchid takes the lead while the rest support. Lightness runs from 50% to 97%. Well suited to children's products and playful apps.

Background: Smoke (#FFF0F7) is the lightest color, so it belongs on large surfaces.
Text: Mulberry (#C638C4) on #FFF0F7 gives 4:1, enough for large headings only.
Primary: Orchid (#E574E7) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Mauve (#EEBAF3) for highlights, badges and hover states.

No pair inside the palette reaches 4.5:1, so add black or white for body text.

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

BrandFeaturesPricingBlogGet started

Design faster with Mulberry & Orchid Sky

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

#C638C4

#E574E7

#EEBAF3

#FFF0F7

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
`#C638C4` on `#FFF0F7`	Aa	4:1	AA large only
`#C638C4` on `#EEBAF3`	Aa	2.72:1	Fail
`#E574E7` on `#FFF0F7`	Aa	2.39:1	Fail
`#C638C4` on `#E574E7`	Aa	1.68:1	Fail
`#E574E7` on `#EEBAF3`	Aa	1.62:1	Fail
`#EEBAF3` on `#FFF0F7`	Aa	1.47:1	Fail

Similar palettes 24 more in this mood