What are the hex codes in the Velvet Basil & Plum palette?

The Velvet Basil & Plum color palette consists of Raisin #3A0F2E, Plum #8A3B6D, Basil #6C9C46, Petal #F7E8F1.

How should I use the Velvet Basil & Plum palette on a website?

Use Petal #F7E8F1 as the background, Raisin #3A0F2E for text, Plum #8A3B6D for buttons and links, and Basil #6C9C46 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Petal at 13.8:1.

Which colors in Velvet Basil & Plum have enough contrast for text?

The highest-contrast pair is #3A0F2E on #F7E8F1 with a ratio of 13.8:1, which passes WCAG AA for normal text.

#3A0F2ERaisin

#8A3B6DPlum

#6C9C46Basil

#F7E8F1Petal

Velvet Basil & Plum color palette

Dark Warm Green White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Raisin	`#3A0F2E`	`rgb(58, 15, 46)`	`hsl(317, 59%, 14%)`	`oklch(25.4% 0.080 340)`
Plum	`#8A3B6D`	`rgb(138, 59, 109)`	`hsl(322, 40%, 39%)`	`oklch(47.5% 0.124 344)`
Basil	`#6C9C46`	`rgb(108, 156, 70)`	`hsl(93, 38%, 44%)`	`oklch(63.9% 0.128 133)`
Petal	`#F7E8F1`	`rgb(247, 232, 241)`	`hsl(324, 48%, 94%)`	`oklch(94.5% 0.020 341)`

Why it works and how to use it

Velvet Basil & Plum is a complementary color palette tagged dark, warm, green. Near-complementary hues (about 136° apart) make this a high-contrast, attention-grabbing combination. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

It works because the lightness range is wide (14% to 94%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.

Background: Petal (#F7E8F1) is the lightest color, so it belongs on large surfaces.
Text: Raisin (#3A0F2E) on #F7E8F1 gives 13.8:1, passing WCAG AAA.
Primary: Plum (#8A3B6D) is the most saturated mid-tone; use it for buttons and links (6.07:1 against the background, fine for UI elements).
Accent: Basil (#6C9C46) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Velvet Basil & 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

#3A0F2E

#8A3B6D

#6C9C46

#F7E8F1

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
`#3A0F2E` on `#F7E8F1`	Aa	13.8:1	AAA
`#8A3B6D` on `#F7E8F1`	Aa	6.07:1	AA
`#3A0F2E` on `#6C9C46`	Aa	5.03:1	AA
`#6C9C46` on `#F7E8F1`	Aa	2.74:1	Fail
`#3A0F2E` on `#8A3B6D`	Aa	2.27:1	Fail
`#8A3B6D` on `#6C9C46`	Aa	2.21:1	Fail

Similar palettes 24 more in this mood