#8350EA + #8456DC + #7878A9 + #807864 + #97841C · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#8350EA

Wisteria · MediumSlateBlue · Lilac Purple

HEX

#8350EA

RGB

rgb(131, 80, 234)

HSL

hsl(260, 79%, 62%)

HSB

hsb(260, 66%, 92%)

CMYK

cmyk(44%, 66%, 0%, 8%)

Oklch

oklch(57.2% 0.220 293.5)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

#8456DC

Deep Indigo · MediumSlateBlue · Violet

HEX

#8456DC

RGB

rgb(132, 86, 220)

HSL

hsl(261, 66%, 60%)

HSB

hsb(261, 61%, 86%)

CMYK

cmyk(40%, 61%, 0%, 14%)

Oklch

oklch(57.2% 0.196 295.3)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#7878A9

Deep Indigo · LightSlateGray · Navy Blue

HEX

#7878A9

RGB

rgb(120, 120, 169)

HSL

hsl(240, 22%, 57%)

HSB

hsb(240, 29%, 66%)

CMYK

cmyk(29%, 29%, 0%, 34%)

Oklch

oklch(59.2% 0.074 283.9)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#807864

Ochre · DimGray · Honey Gold

HEX

#807864

RGB

rgb(128, 120, 100)

HSL

hsl(43, 12%, 45%)

HSB

hsb(43, 22%, 50%)

CMYK

cmyk(0%, 6%, 22%, 50%)

Oklch

oklch(57.4% 0.031 88.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#97841C

Autumn Sage · Olive · Honey Gold

HEX

#97841C

RGB

rgb(151, 132, 28)

HSL

hsl(51, 69%, 35%)

HSB

hsb(51, 81%, 59%)

CMYK

cmyk(0%, 13%, 81%, 41%)

Oklch

oklch(61.3% 0.118 98.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8350EA

B8EB52

Analogous

526BEB

8350EA

D152EB

Triadic

8350EA

EB8552

52EB85

Split-Comp.

8350EA

EBD152

6BEB52

Tetradic

8350EA

EB526B

B8EB52

52EBD1

Contrast Matrix WCAG 2.1 Contrast

8350EA	8456DC	7878A9	807864	97841C
—	1.0 Fail	1.2 Fail	1.1 Fail	1.3 Fail
1.0 Fail	—	1.2 Fail	1.1 Fail	1.3 Fail
1.2 Fail	1.2 Fail	—	1.1 Fail	1.1 Fail
1.1 Fail	1.1 Fail	1.1 Fail	—	1.2 Fail
1.3 Fail	1.3 Fail	1.1 Fail	1.2 Fail	—

White BG

4.9AA

4.8AA

4.2AA Large

4.4AA Large

3.7AA Large

Black BG

4.3AA Large

5.1AA

4.8AA

5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6CC5

7070BC

78789D

7D7C69

8F8F35

Deuteranopia

7074BC

7376B4

78789A

7D7E6A

90913B

Tritanopia

80A7A1

82A29C

789492

806D6E

96494D

Achromatopsia

717171

737373

7E7E7E

787878

7E7E7E

Shades & Tints Shades & Tints

#8350EA

Dark

Light

#8456DC

Dark

Light

#7878A9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8350ea;
  --color-2: #8456dc;
  --color-3: #7878a9;
  --color-4: #807864;
  --color-5: #97841c;
}

SCSS

$color-1: #8350ea;
$color-2: #8456dc;
$color-3: #7878a9;
$color-4: #807864;
$color-5: #97841c;

TAILWIND

colors: {
  'brand-1': '#8350ea',
  'brand-2': '#8456dc',
  'brand-3': '#7878a9',
  'brand-4': '#807864',
  'brand-5': '#97841c',
}

RGB Array

[131, 80, 234], [132, 86, 220], [120, 120, 169], [128, 120, 100], [151, 132, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #8350EA, #8456DC, #7878A9, #807864, #97841C is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #8350ea; --color-2: #8456dc; --color-3: #7878a9; --color-4: #807864; --color-5: #97841c. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This warm-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color