← Back to Editor

#8A6A79 · #A6A958 · #D0951D · #E1D474 · #E9E3A7

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#8A6A79

Dark Violet · Gray · Camellia

HEX
#8A6A79
RGB
rgb(138, 106, 121)
HSL
hsl(332, 13%, 48%)
HSB
hsb(332, 23%, 54%)
CMYK
cmyk(0%, 23%, 12%, 46%)
Oklch
oklch(56.1% 0.046 348.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#A6A958

Autumn Sage · DarkSeaGreen · Honey Gold

HEX
#A6A958
RGB
rgb(166, 169, 88)
HSL
hsl(62, 32%, 50%)
HSB
hsb(62, 48%, 66%)
CMYK
cmyk(2%, 0%, 48%, 34%)
Oklch
oklch(71.5% 0.105 110.7)

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

#D0951D

Ochre · GoldenRod · Honey Gold

HEX
#D0951D
RGB
rgb(208, 149, 29)
HSL
hsl(40, 76%, 46%)
HSB
hsb(40, 86%, 82%)
CMYK
cmyk(0%, 28%, 86%, 18%)
Oklch
oklch(70.9% 0.140 78.7)

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

#E1D474

Fresh Green · Khaki · Sunflower

HEX
#E1D474
RGB
rgb(225, 212, 116)
HSL
hsl(53, 64%, 67%)
HSB
hsb(53, 48%, 88%)
CMYK
cmyk(0%, 6%, 48%, 12%)
Oklch
oklch(86.1% 0.119 101.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#E9E3A7

Fresh Green · Wheat · Lemon Cream

HEX
#E9E3A7
RGB
rgb(233, 227, 167)
HSL
hsl(55, 60%, 78%)
HSB
hsb(55, 28%, 91%)
CMYK
cmyk(0%, 3%, 28%, 9%)
Oklch
oklch(90.6% 0.078 103.0)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8A6A79
6A8A7B

Analogous

8A6A89
8A6A79
8A6C6A

Triadic

8A6A79
798A6A
6A798A

Split-Comp.

8A6A79
6A8A6C
6A898A

Tetradic

8A6A79
898A6A
6A8A7B
6C6A8A

Contrast Matrix WCAG 2.1 Contrast

8A6A79
A6A958
D0951D
E1D474
E9E3A7
—
1.9
Fail
1.8
Fail
3.1
AA Large
3.6
AA Large
1.9
Fail
—
1.1
Fail
1.6
Fail
1.9
Fail
1.8
Fail
1.1
Fail
—
1.7
Fail
2.0
Fail
3.1
AA Large
1.6
Fail
1.7
Fail
—
1.2
Fail
3.6
AA Large
1.9
Fail
2.0
Fail
1.2
Fail
—
White BG
4.8AA
2.5Fail
2.6Fail
1.5Fail
1.3Fail
Black BG
4.4AA Large
8.4AAA
8.0AAA
13.9AAA
16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7C7C75
A7A76C
B6B63A
DBDB8B
E6E6B6

Deuteranopia

7E8074
A7A770
BABE41
DCDD91
E7E7B9

Tritanopia

887372
A67B7E
CD5156
E09EA2
E9C1C4

Achromatopsia

757575
9F9F9F
999999
CDCDCD
DEDEDE

Shades & Tints Shades & Tints

#8A6A79

Dark
Light

#A6A958

Dark
Light

#D0951D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8a6a79;
  --color-2: #a6a958;
  --color-3: #d0951d;
  --color-4: #e1d474;
  --color-5: #e9e3a7;
}

SCSS

$color-1: #8a6a79;
$color-2: #a6a958;
$color-3: #d0951d;
$color-4: #e1d474;
$color-5: #e9e3a7;

TAILWIND

colors: {
  'brand-1': '#8a6a79',
  'brand-2': '#a6a958',
  'brand-3': '#d0951d',
  'brand-4': '#e1d474',
  'brand-5': '#e9e3a7',
}

RGB Array

[138, 106, 121], [166, 169, 88], [208, 149, 29], [225, 212, 116], [233, 227, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8A6A79, #A6A958, #D0951D, #E1D474, #E9E3A7 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: #8a6a79; --color-2: #a6a958; --color-3: #d0951d; --color-4: #e1d474; --color-5: #e9e3a7. 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 general-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