← Back to Editor

#878059 · #1A1705 · #E1A2BA · #F1ECEA · #C9C6B7

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

#878059

Autumn Sage · Gray · Honey Gold

HEX
#878059
RGB
rgb(135, 128, 89)
HSL
hsl(51, 21%, 44%)
HSB
hsb(51, 34%, 53%)
CMYK
cmyk(0%, 5%, 34%, 47%)
Oklch
oklch(59.6% 0.056 99.2)

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

#1A1705

Autumn Sage · Black · Amber Gold

HEX
#1A1705
RGB
rgb(26, 23, 5)
HSL
hsl(51, 68%, 6%)
HSB
hsb(51, 81%, 10%)
CMYK
cmyk(0%, 12%, 81%, 90%)
Oklch
oklch(20.3% 0.032 100.4)

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

#E1A2BA

Rouge · LightPink · Cherry Blossom

HEX
#E1A2BA
RGB
rgb(225, 162, 186)
HSL
hsl(337, 51%, 76%)
HSB
hsb(337, 28%, 88%)
CMYK
cmyk(0%, 28%, 17%, 12%)
Oklch
oklch(77.9% 0.080 354.5)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#F1ECEA

Apricot · Linen · Peach Orange

HEX
#F1ECEA
RGB
rgb(241, 236, 234)
HSL
hsl(17, 20%, 93%)
HSB
hsb(17, 3%, 95%)
CMYK
cmyk(0%, 2%, 3%, 5%)
Oklch
oklch(94.6% 0.006 43.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#C9C6B7

Fresh Green · Silver · Sunflower

HEX
#C9C6B7
RGB
rgb(201, 198, 183)
HSL
hsl(50, 14%, 75%)
HSB
hsb(50, 9%, 79%)
CMYK
cmyk(0%, 1%, 9%, 21%)
Oklch
oklch(82.5% 0.021 97.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

878059
596088

Analogous

886959
878059
778859

Triadic

878059
598881
815988

Split-Comp.

878059
597788
695988

Tetradic

878059
598869
596088
885977

Contrast Matrix WCAG 2.1 Contrast

878059
1A1705
E1A2BA
F1ECEA
C9C6B7
—
4.5
AA
1.9
Fail
3.4
AA Large
2.3
Fail
4.5
AA
—
8.6
AAA
15.3
AAA
10.5
AAA
1.9
Fail
8.6
AAA
—
1.8
Fail
1.2
Fail
3.4
AA Large
15.3
AAA
1.8
Fail
—
1.5
Fail
2.3
Fail
10.5
AAA
1.2
Fail
1.5
Fail
—
White BG
4.0AA Large
18.0AAA
2.1Fail
1.2Fail
1.7Fail
Black BG
5.3AA
1.2Fail
10.1AAA
17.9AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

848462
191909
C6C5B4
EFEFEA
C8C8BB

Deuteranopia

848565
19190A
C9CEB3
EFF0EB
C8C8BC

Tritanopia

876A6C
1A0D0E
DEB0AF
F1EBEB
C9BDBE

Achromatopsia

7E7E7E
161616
B8B8B8
EDEDED
C5C5C5

Shades & Tints Shades & Tints

#878059

Dark
Light

#1A1705

Dark
Light

#E1A2BA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #878059;
  --color-2: #1a1705;
  --color-3: #e1a2ba;
  --color-4: #f1ecea;
  --color-5: #c9c6b7;
}

SCSS

$color-1: #878059;
$color-2: #1a1705;
$color-3: #e1a2ba;
$color-4: #f1ecea;
$color-5: #c9c6b7;

TAILWIND

colors: {
  'brand-1': '#878059',
  'brand-2': '#1a1705',
  'brand-3': '#e1a2ba',
  'brand-4': '#f1ecea',
  'brand-5': '#c9c6b7',
}

RGB Array

[135, 128, 89], [26, 23, 5], [225, 162, 186], [241, 236, 234], [201, 198, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #878059, #1A1705, #E1A2BA, #F1ECEA, #C9C6B7 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: #878059; --color-2: #1a1705; --color-3: #e1a2ba; --color-4: #f1ecea; --color-5: #c9c6b7. 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