← Back to Editor

#826010 · #75874D · #8AAD86 · #CCC9B8 · #FFD3C7

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

#826010

Ochre · Olive · Honey Gold

HEX
#826010
RGB
rgb(130, 96, 16)
HSL
hsl(42, 78%, 29%)
HSB
hsb(42, 88%, 51%)
CMYK
cmyk(0%, 26%, 88%, 49%)
Oklch
oklch(51.1% 0.099 82.7)

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

#75874D

Grass Green · DimGray · Olive Green

HEX
#75874D
RGB
rgb(117, 135, 77)
HSL
hsl(79, 27%, 42%)
HSB
hsb(79, 43%, 53%)
CMYK
cmyk(13%, 0%, 43%, 47%)
Oklch
oklch(59.5% 0.084 123.0)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#8AAD86

Celadon · DarkSeaGreen · Olive Green

HEX
#8AAD86
RGB
rgb(138, 173, 134)
HSL
hsl(114, 19%, 60%)
HSB
hsb(114, 23%, 68%)
CMYK
cmyk(20%, 0%, 23%, 32%)
Oklch
oklch(71.1% 0.068 142.2)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#CCC9B8

Fresh Green · Silver · Lemon Cream

HEX
#CCC9B8
RGB
rgb(204, 201, 184)
HSL
hsl(51, 16%, 76%)
HSB
hsb(51, 10%, 80%)
CMYK
cmyk(0%, 1%, 10%, 20%)
Oklch
oklch(83.4% 0.023 98.7)

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

#FFD3C7

Peach Pink · Bisque · Cherry Blossom

HEX
#FFD3C7
RGB
rgb(255, 211, 199)
HSL
hsl(13, 100%, 89%)
HSB
hsb(13, 22%, 100%)
CMYK
cmyk(0%, 17%, 22%, 0%)
Oklch
oklch(90.1% 0.052 35.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

826010
103384

Analogous

842710
826010
6D8410

Triadic

826010
108461
611084

Split-Comp.

826010
106D84
271084

Tetradic

826010
108427
103384
84106D

Contrast Matrix WCAG 2.1 Contrast

826010
75874D
8AAD86
CCC9B8
FFD3C7
—
1.5
Fail
2.3
Fail
3.5
AA Large
4.2
AA Large
1.5
Fail
—
1.6
Fail
2.4
Fail
2.9
Fail
2.3
Fail
1.6
Fail
—
1.5
Fail
1.8
Fail
3.5
AA Large
2.4
Fail
1.5
Fail
—
1.2
Fail
4.2
AA Large
2.9
Fail
1.8
Fail
1.2
Fail
—
White BG
5.8AA
3.9AA Large
2.5Fail
1.7Fail
1.4Fail
Black BG
3.6AA Large
5.3AA
8.4AAA
12.6AAA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

737323
7D7D5B
99998F
CBCBBC
ECECCA

Deuteranopia

757828
7C7A5E
979592
CBCBBD
EFF2CB

Tritanopia

803336
766669
8C9799
CCBFC0
FDCCCD

Achromatopsia

616161
7B7B7B
9E9E9E
C8C8C8
DFDFDF

Shades & Tints Shades & Tints

#826010

Dark
Light

#75874D

Dark
Light

#8AAD86

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #826010;
  --color-2: #75874d;
  --color-3: #8aad86;
  --color-4: #ccc9b8;
  --color-5: #ffd3c7;
}

SCSS

$color-1: #826010;
$color-2: #75874d;
$color-3: #8aad86;
$color-4: #ccc9b8;
$color-5: #ffd3c7;

TAILWIND

colors: {
  'brand-1': '#826010',
  'brand-2': '#75874d',
  'brand-3': '#8aad86',
  'brand-4': '#ccc9b8',
  'brand-5': '#ffd3c7',
}

RGB Array

[130, 96, 16], [117, 135, 77], [138, 173, 134], [204, 201, 184], [255, 211, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #826010, #75874D, #8AAD86, #CCC9B8, #FFD3C7 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: #826010; --color-2: #75874d; --color-3: #8aad86; --color-4: #ccc9b8; --color-5: #ffd3c7. 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