What are the hex codes in the Rosy Strawberry & Burgundy palette?

The Rosy Strawberry & Burgundy color palette consists of Burgundy #880E4F, Fern #00814A, Strawberry #F06292, Petal #FCE4EC.

How should I use the Rosy Strawberry & Burgundy palette on a website?

Use Petal #FCE4EC as the background, Burgundy #880E4F for text, Fern #00814A for buttons and links, and Strawberry #F06292 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Burgundy on Petal at 7.85:1.

Which colors in Rosy Strawberry & Burgundy have enough contrast for text?

The highest-contrast pair is #880E4F on #FCE4EC with a ratio of 7.85:1, which passes WCAG AA for normal text.

#880E4FBurgundy

#00814AFern

#F06292Strawberry

#FCE4ECPetal

Rosy Strawberry & Burgundy color palette

Vibrant Warm Green Pink White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Burgundy	`#880E4F`	`rgb(136, 14, 79)`	`hsl(328, 81%, 29%)`	`oklch(41.5% 0.160 356)`
Fern	`#00814A`	`rgb(0, 129, 74)`	`hsl(154, 100%, 25%)`	`oklch(53.0% 0.129 156)`
Strawberry	`#F06292`	`rgb(240, 98, 146)`	`hsl(340, 83%, 66%)`	`oklch(68.8% 0.180 2)`
Petal	`#FCE4EC`	`rgb(252, 228, 236)`	`hsl(340, 80%, 94%)`	`oklch(94.1% 0.028 355)`

Why it works and how to use it

Rosy Strawberry & Burgundy is a vivid complementary color palette tagged vibrant, warm, green. Burgundy and Petal sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. These are bold, punchy colors that need generous white space around them. Warm and cool hues are mixed, which adds depth.

With 4 chromatic colors, Fern takes the lead while the rest support. Lightness runs from 25% to 94%. Well suited to websites, presentations and branding.

Background: Petal (#FCE4EC) is the lightest color, so it belongs on large surfaces.
Text: Burgundy (#880E4F) on #FCE4EC gives 7.85:1, passing WCAG AAA.
Primary: Fern (#00814A) is the most saturated mid-tone; use it for buttons and links (4.12:1 against the background, fine for UI elements).
Accent: Strawberry (#F06292) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Burgundy on Petal at 7.85:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Rosy Strawberry & Burgundy

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

#880E4F

#00814A

#F06292

#FCE4EC

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
`#880E4F` on `#FCE4EC`	Aa	7.85:1	AAA
`#00814A` on `#FCE4EC`	Aa	4.12:1	AA large only
`#880E4F` on `#F06292`	Aa	3.09:1	AA large only
`#F06292` on `#FCE4EC`	Aa	2.54:1	Fail
`#880E4F` on `#00814A`	Aa	1.91:1	Fail
`#00814A` on `#F06292`	Aa	1.62:1	Fail

Similar palettes 24 more in this mood