What are the hex codes in the Tangerine & Grape Bloom palette?

The Tangerine & Grape Bloom color palette consists of Linen #F3F0EC, Licorice #121021, Grape #633995, Tangerine #EB8200.

How should I use the Tangerine & Grape Bloom palette on a website?

Use Linen #F3F0EC as the background, Licorice #121021 for text, Tangerine #EB8200 for buttons and links, and Grape #633995 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Licorice at 16.48:1.

Which colors in Tangerine & Grape Bloom have enough contrast for text?

The highest-contrast pair is #F3F0EC on #121021 with a ratio of 16.48:1, which passes WCAG AA for normal text.

#F3F0ECLinen

#121021Licorice

#633995Grape

#EB8200Tangerine

Tangerine & Grape Bloom color palette

Halloween Dark White Black Purple Orange

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Linen	`#F3F0EC`	`rgb(243, 240, 236)`	`hsl(34, 23%, 94%)`	`oklch(95.6% 0.006 75)`
Licorice	`#121021`	`rgb(18, 16, 33)`	`hsl(247, 35%, 10%)`	`oklch(18.5% 0.034 288)`
Grape	`#633995`	`rgb(99, 57, 149)`	`hsl(267, 45%, 40%)`	`oklch(44.3% 0.146 302)`
Tangerine	`#EB8200`	`rgb(235, 130, 0)`	`hsl(33, 100%, 46%)`	`oklch(70.8% 0.168 59)`

Why it works and how to use it

Tangerine & Grape Bloom is a complementary color palette tagged halloween, dark, white. Near-complementary hues (about 147° apart) make this a high-contrast, attention-grabbing combination. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.

With 4 chromatic colors, Tangerine takes the lead while the rest support. Lightness runs from 10% to 94%. Well suited to seasonal campaigns and greeting cards.

Background: Linen (#F3F0EC) is the lightest color, so it belongs on large surfaces.
Text: Licorice (#121021) on #F3F0EC gives 16.48:1, passing WCAG AAA.
Primary: Tangerine (#EB8200) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Grape (#633995) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Licorice at 16.48:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Tangerine & Grape 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

#F3F0EC

#121021

#633995

#EB8200

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
`#F3F0EC` on `#121021`	Aa	16.48:1	AAA
`#F3F0EC` on `#633995`	Aa	7.25:1	AAA
`#121021` on `#EB8200`	Aa	6.89:1	AA
`#633995` on `#EB8200`	Aa	3.03:1	AA large only
`#F3F0EC` on `#EB8200`	Aa	2.39:1	Fail
`#121021` on `#633995`	Aa	2.27:1	Fail

Similar palettes 24 more in this mood