What are the hex codes in the Peach to Rose palette?

The Peach to Rose color palette consists of Melon #FFB199, Flamingo #FF9AA2, Watermelon #FF7A9C, Blush #E85D8A.

How should I use the Peach to Rose palette on a website?

Use Melon #FFB199 as the background, Blush #E85D8A for text, Flamingo #FF9AA2 for buttons and links, and Watermelon #FF7A9C for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Peach to Rose have enough contrast for text?

The highest-contrast pair is #FFB199 on #E85D8A with a ratio of 1.89:1, which does not meet WCAG AA; add a darker or lighter neutral for body text.

#FFB199Melon

#FF9AA2Flamingo

#FF7A9CWatermelon

#E85D8ABlush

Peach to Rose color palette

Gradient Vibrant Warm Pink

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Melon	`#FFB199`	`rgb(255, 177, 153)`	`hsl(14, 100%, 80%)`	`oklch(82.9% 0.098 38)`
Flamingo	`#FF9AA2`	`rgb(255, 154, 162)`	`hsl(355, 100%, 80%)`	`oklch(79.2% 0.121 15)`
Watermelon	`#FF7A9C`	`rgb(255, 122, 156)`	`hsl(345, 100%, 74%)`	`oklch(74.3% 0.164 6)`
Blush	`#E85D8A`	`rgb(232, 93, 138)`	`hsl(341, 75%, 64%)`	`oklch(66.8% 0.176 3)`

Why it works and how to use it

Peach to Rose is a vivid light, analogous color palette tagged gradient, vibrant, warm. Analogous neighbors on the wheel (Melon, Flamingo, Watermelon) give it a natural, low-tension flow. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is warm.

With 4 chromatic colors, Flamingo takes the lead while the rest support. Lightness runs from 64% to 80%. Well suited to websites, presentations and branding.

Background: Melon (#FFB199) is the lightest color, so it belongs on large surfaces.
Text: Blush (#E85D8A) on #FFB199 gives 1.89:1, so pair it with a darker neutral for body copy.
Primary: Flamingo (#FF9AA2) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Watermelon (#FF7A9C) 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 Peach to Rose

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

#FFB199

#FF9AA2

#FF7A9C

#E85D8A

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
`#FFB199` on `#E85D8A`	Aa	1.89:1	Fail
`#FF9AA2` on `#E85D8A`	Aa	1.63:1	Fail
`#FFB199` on `#FF7A9C`	Aa	1.41:1	Fail
`#FF7A9C` on `#E85D8A`	Aa	1.34:1	Fail
`#FF9AA2` on `#FF7A9C`	Aa	1.22:1	Fail
`#FFB199` on `#FF9AA2`	Aa	1.15:1	Fail

Similar palettes 24 more in this mood