What are the hex codes in the Juicy Orchid & Chocolate palette?

The Juicy Orchid & Chocolate color palette consists of Chocolate #813500, Smoke #F5F5F5, Orchid #BB83FF, Licorice #1A1A1A.

How should I use the Juicy Orchid & Chocolate palette on a website?

Use Smoke #F5F5F5 as the background, Licorice #1A1A1A for text, Chocolate #813500 for buttons and links, and Orchid #BB83FF for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Smoke on Licorice at 15.96:1.

Which colors in Juicy Orchid & Chocolate have enough contrast for text?

The highest-contrast pair is #F5F5F5 on #1A1A1A with a ratio of 15.96:1, which passes WCAG AA for normal text.

#813500Chocolate

#F5F5F5Smoke

#BB83FFOrchid

#1A1A1ALicorice

Juicy Orchid & Chocolate color palette

Dark Brown White Purple Black

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Chocolate	`#813500`	`rgb(129, 53, 0)`	`hsl(25, 100%, 25%)`	`oklch(42.8% 0.119 47)`
Smoke	`#F5F5F5`	`rgb(245, 245, 245)`	`hsl(0, 0%, 96%)`	`oklch(97.0% 0.000 0)`
Orchid	`#BB83FF`	`rgb(187, 131, 255)`	`hsl(267, 100%, 76%)`	`oklch(71.7% 0.181 303)`
Licorice	`#1A1A1A`	`rgb(26, 26, 26)`	`hsl(0, 0%, 10%)`	`oklch(21.8% 0.000 0)`

Why it works and how to use it

Juicy Orchid & Chocolate is a split color palette tagged dark, brown, white. A split scheme: Chocolate plays against Orchid across roughly 118° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.

Two of the four colors are near-neutral, which leaves room for Chocolate to lead. Lightness runs from 10% to 96%. Well suited to websites, presentations and branding.

Background: Smoke (#F5F5F5) is the lightest color, so it belongs on large surfaces.
Text: Licorice (#1A1A1A) on #F5F5F5 gives 15.96:1, passing WCAG AAA.
Primary: Chocolate (#813500) is the most saturated mid-tone; use it for buttons and links (7.89:1 against the background, fine for UI elements).
Accent: Orchid (#BB83FF) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Juicy Orchid & Chocolate

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

#813500

#F5F5F5

#BB83FF

#1A1A1A

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
`#F5F5F5` on `#1A1A1A`	Aa	15.96:1	AAA
`#813500` on `#F5F5F5`	Aa	7.89:1	AAA
`#BB83FF` on `#1A1A1A`	Aa	6.47:1	AA
`#813500` on `#BB83FF`	Aa	3.19:1	AA large only
`#F5F5F5` on `#BB83FF`	Aa	2.47:1	Fail
`#813500` on `#1A1A1A`	Aa	2.02:1	Fail

Similar palettes 24 more in this mood