What are the hex codes in the Chili & Orchid Trail palette?

The Chili & Orchid Trail color palette consists of Orchid #F789FF, Blush #E067A4, Slate Blue #8359C7, Chili #BC0B3A.

How should I use the Chili & Orchid Trail palette on a website?

Use Orchid #F789FF as the background, Chili #BC0B3A for text, Blush #E067A4 for buttons and links, and Slate Blue #8359C7 for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Chili & Orchid Trail have enough contrast for text?

The highest-contrast pair is #F789FF on #BC0B3A with a ratio of 3.07:1, which passes WCAG AA for large text only.

#F789FFOrchid

#E067A4Blush

#8359C7Slate Blue

#BC0B3AChili

Chili & Orchid Trail color palette

Sunset Gradient Vibrant Purple Pink Red

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Orchid	`#F789FF`	`rgb(247, 137, 255)`	`hsl(296, 100%, 77%)`	`oklch(79.0% 0.196 325)`
Blush	`#E067A4`	`rgb(224, 103, 164)`	`hsl(330, 66%, 64%)`	`oklch(67.8% 0.164 351)`
Slate Blue	`#8359C7`	`rgb(131, 89, 199)`	`hsl(263, 50%, 56%)`	`oklch(56.1% 0.166 299)`
Chili	`#BC0B3A`	`rgb(188, 11, 58)`	`hsl(344, 89%, 39%)`	`oklch(50.8% 0.199 17)`

Why it works and how to use it

Chili & Orchid Trail is a vivid split color palette tagged sunset, gradient, vibrant. The hues span about 81°, enough contrast to create a focal point without the harshness of true complements. These are bold, punchy colors that need generous white space around them. Warm and cool hues are mixed, which adds depth.

With 4 chromatic colors, Blush takes the lead while the rest support. Lightness runs from 39% to 77%. Well suited to websites, presentations and branding.

Background: Orchid (#F789FF) is the lightest color, so it belongs on large surfaces.
Text: Chili (#BC0B3A) on #F789FF gives 3.07:1, enough for large headings only.
Primary: Blush (#E067A4) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Slate Blue (#8359C7) 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 Chili & Orchid Trail

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

#F789FF

#E067A4

#8359C7

#BC0B3A

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
`#F789FF` on `#BC0B3A`	Aa	3.07:1	AA large only
`#F789FF` on `#8359C7`	Aa	2.36:1	Fail
`#E067A4` on `#BC0B3A`	Aa	2.05:1	Fail
`#E067A4` on `#8359C7`	Aa	1.58:1	Fail
`#F789FF` on `#E067A4`	Aa	1.5:1	Fail
`#8359C7` on `#BC0B3A`	Aa	1.3:1	Fail

Similar palettes 24 more in this mood