← Back to Editor

#807E59 · #FFF3AE · #E6BA7E · #CC7A66 · #B35085

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 LibraryData Visualization

Color Details Color Details

#807E59

Autumn Sage · DimGray · Honey Gold

HEX
#807E59
RGB
rgb(128, 126, 89)
HSL
hsl(57, 18%, 43%)
HSB
hsb(57, 30%, 50%)
CMYK
cmyk(0%, 2%, 30%, 50%)
Oklch
oklch(58.5% 0.053 105.3)

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

#FFF3AE

Fresh Green · Wheat · Lemon Cream

HEX
#FFF3AE
RGB
rgb(255, 243, 174)
HSL
hsl(51, 100%, 84%)
HSB
hsb(51, 32%, 100%)
CMYK
cmyk(0%, 5%, 32%, 0%)
Oklch
oklch(95.8% 0.088 99.5)

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

#E6BA7E

Ginger · BurlyWood · Warm Sun

HEX
#E6BA7E
RGB
rgb(230, 186, 126)
HSL
hsl(35, 68%, 70%)
HSB
hsb(35, 45%, 90%)
CMYK
cmyk(0%, 19%, 45%, 10%)
Oklch
oklch(81.5% 0.092 74.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#CC7A66

Crimson · LightCoral · Passion Red

HEX
#CC7A66
RGB
rgb(204, 122, 102)
HSL
hsl(12, 50%, 60%)
HSB
hsb(12, 50%, 80%)
CMYK
cmyk(0%, 40%, 50%, 20%)
Oklch
oklch(66.3% 0.107 34.5)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#B35085

Rose Purple · MediumVioletRed · Rose Pink

HEX
#B35085
RGB
rgb(179, 80, 133)
HSL
hsl(328, 39%, 51%)
HSB
hsb(328, 55%, 70%)
CMYK
cmyk(0%, 55%, 26%, 30%)
Oklch
oklch(57.3% 0.142 349.2)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

807E59
5A5C81

Analogous

816C5A
807E59
70815A

Triadic

807E59
5A817F
7F5A81

Split-Comp.

807E59
5A7081
6C5A81

Tetradic

807E59
5A816C
5A5C81
815A70

Contrast Matrix WCAG 2.1 Contrast

807E59
FFF3AE
E6BA7E
CC7A66
B35085
—
3.7
AA Large
2.3
Fail
1.3
Fail
1.1
Fail
3.7
AA Large
—
1.6
Fail
2.9
Fail
4.2
AA Large
2.3
Fail
1.6
Fail
—
1.8
Fail
2.7
Fail
1.3
Fail
2.9
Fail
1.8
Fail
—
1.5
Fail
1.1
Fail
4.2
AA Large
2.7
Fail
1.5
Fail
—
White BG
4.2AA Large
1.1Fail
1.8Fail
3.2AA Large
4.8AA
Black BG
5.0AA
18.7AAA
11.7AAA
6.5AA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7F62
FAFABF
D3D38D
A8A86B
888778

Deuteranopia

7F7F64
FBFBC3
D6D990
ADB36C
8E9575

Tritanopia

80696B
FECCCF
E4989B
C86F70
AE6E6C

Achromatopsia

7A7A7A
EFEFEF
C0C0C0
909090
747474

Shades & Tints Shades & Tints

#807E59

Dark
Light

#FFF3AE

Dark
Light

#E6BA7E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #807e59;
  --color-2: #fff3ae;
  --color-3: #e6ba7e;
  --color-4: #cc7a66;
  --color-5: #b35085;
}

SCSS

$color-1: #807e59;
$color-2: #fff3ae;
$color-3: #e6ba7e;
$color-4: #cc7a66;
$color-5: #b35085;

TAILWIND

colors: {
  'brand-1': '#807e59',
  'brand-2': '#fff3ae',
  'brand-3': '#e6ba7e',
  'brand-4': '#cc7a66',
  'brand-5': '#b35085',
}

RGB Array

[128, 126, 89], [255, 243, 174], [230, 186, 126], [204, 122, 102], [179, 80, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #807E59, #FFF3AE, #E6BA7E, #CC7A66, #B35085 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #807e59; --color-2: #fff3ae; --color-3: #e6ba7e; --color-4: #cc7a66; --color-5: #b35085. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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