What are the hex codes in the Juicy Tulip & Plum palette?

The Juicy Tulip & Plum color palette consists of Charcoal #43375A, Plum #9C5D85, Tulip #F87F86, Bisque #FFE2C6.

How should I use the Juicy Tulip & Plum palette on a website?

Use Bisque #FFE2C6 as the background, Charcoal #43375A for text, Tulip #F87F86 for buttons and links, and Plum #9C5D85 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Charcoal on Bisque at 8.77:1.

Which colors in Juicy Tulip & Plum have enough contrast for text?

The highest-contrast pair is #43375A on #FFE2C6 with a ratio of 8.77:1, which passes WCAG AA for normal text.

#43375ACharcoal

#9C5D85Plum

#F87F86Tulip

#FFE2C6Bisque

Juicy Tulip & Plum color palette

Sunset Pink

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Charcoal	`#43375A`	`rgb(67, 55, 90)`	`hsl(261, 24%, 28%)`	`oklch(36.5% 0.061 299)`
Plum	`#9C5D85`	`rgb(156, 93, 133)`	`hsl(322, 25%, 49%)`	`oklch(56.2% 0.098 342)`
Tulip	`#F87F86`	`rgb(248, 127, 134)`	`hsl(357, 90%, 74%)`	`oklch(73.5% 0.148 18)`
Bisque	`#FFE2C6`	`rgb(255, 226, 198)`	`hsl(29, 100%, 89%)`	`oklch(92.9% 0.049 66)`

Why it works and how to use it

Juicy Tulip & Plum is a split color palette tagged sunset, pink. The hues span about 128°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. Warm and cool hues are mixed, which adds depth.

With 4 chromatic colors, Tulip takes the lead while the rest support. Lightness runs from 28% to 89%. Well suited to websites, presentations and branding.

Background: Bisque (#FFE2C6) is the lightest color, so it belongs on large surfaces.
Text: Charcoal (#43375A) on #FFE2C6 gives 8.77:1, passing WCAG AAA.
Primary: Tulip (#F87F86) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Plum (#9C5D85) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Charcoal on Bisque at 8.77:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Juicy Tulip & Plum

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

#43375A

#9C5D85

#F87F86

#FFE2C6

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
`#43375A` on `#FFE2C6`	Aa	8.77:1	AAA
`#43375A` on `#F87F86`	Aa	4.33:1	AA large only
`#9C5D85` on `#FFE2C6`	Aa	3.92:1	AA large only
`#43375A` on `#9C5D85`	Aa	2.23:1	Fail
`#F87F86` on `#FFE2C6`	Aa	2.02:1	Fail
`#9C5D85` on `#F87F86`	Aa	1.94:1	Fail

Similar palettes 24 more in this mood