← Back to Editor

#EDD1AC · #6C836F · #80635B · #C58444 · #362619

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

#EDD1AC

Goose Yellow · Wheat · Peach Orange

HEX
#EDD1AC
RGB
rgb(237, 209, 172)
HSL
hsl(34, 64%, 80%)
HSB
hsb(34, 27%, 93%)
CMYK
cmyk(0%, 12%, 27%, 7%)
Oklch
oklch(87.5% 0.058 74.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#6C836F

Celadon · Gray · Olive Green

HEX
#6C836F
RGB
rgb(108, 131, 111)
HSL
hsl(128, 10%, 47%)
HSB
hsb(128, 18%, 51%)
CMYK
cmyk(18%, 0%, 15%, 49%)
Oklch
oklch(58.6% 0.040 148.7)

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

#80635B

Crimson · DimGray · Passion Red

HEX
#80635B
RGB
rgb(128, 99, 91)
HSL
hsl(13, 17%, 43%)
HSB
hsb(13, 29%, 50%)
CMYK
cmyk(0%, 23%, 29%, 50%)
Oklch
oklch(52.6% 0.040 35.9)

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

#C58444

Ginger · Chocolate · Warm Sun

HEX
#C58444
RGB
rgb(197, 132, 68)
HSL
hsl(30, 53%, 52%)
HSB
hsb(30, 65%, 77%)
CMYK
cmyk(0%, 33%, 65%, 23%)
Oklch
oklch(66.7% 0.113 63.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#362619

Tangerine · DarkSlateGray · Cinnamon

HEX
#362619
RGB
rgb(54, 38, 25)
HSL
hsl(27, 37%, 15%)
HSB
hsb(27, 54%, 21%)
CMYK
cmyk(0%, 30%, 54%, 79%)
Oklch
oklch(28.4% 0.033 60.0)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDD1AC
ABC8ED

Analogous

EDB0AB
EDD1AC
E8EDAB

Triadic

EDD1AC
ABEDD0
D0ABED

Split-Comp.

EDD1AC
ABE8ED
B0ABED

Tetradic

EDD1AC
ABEDB0
ABC8ED
EDABE8

Contrast Matrix WCAG 2.1 Contrast

EDD1AC
6C836F
80635B
C58444
362619
—
2.8
Fail
3.7
AA Large
2.1
Fail
9.9
AAA
2.8
Fail
—
1.3
Fail
1.3
Fail
3.5
AA Large
3.7
AA Large
1.3
Fail
—
1.8
Fail
2.7
Fail
2.1
Fail
1.3
Fail
1.8
Fail
—
4.7
AA
9.9
AAA
3.5
AA Large
2.7
Fail
4.7
AA
—
White BG
1.5Fail
4.1AA Large
5.4AA
3.1AA Large
14.5AAA
Black BG
14.3AAA
5.1AA
3.9AA Large
6.8AA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1B5
767674
73735D
A9A853
2F2F1C

Deuteranopia

E3E5B7
757375
75775D
ADB157
30311D

Tritanopia

ECBCBE
6D7879
7F5E5F
C26062
351F1F

Achromatopsia

D5D5D5
7A7A7A
6B6B6B
909090
292929

Shades & Tints Shades & Tints

#EDD1AC

Dark
Light

#6C836F

Dark
Light

#80635B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edd1ac;
  --color-2: #6c836f;
  --color-3: #80635b;
  --color-4: #c58444;
  --color-5: #362619;
}

SCSS

$color-1: #edd1ac;
$color-2: #6c836f;
$color-3: #80635b;
$color-4: #c58444;
$color-5: #362619;

TAILWIND

colors: {
  'brand-1': '#edd1ac',
  'brand-2': '#6c836f',
  'brand-3': '#80635b',
  'brand-4': '#c58444',
  'brand-5': '#362619',
}

RGB Array

[237, 209, 172], [108, 131, 111], [128, 99, 91], [197, 132, 68], [54, 38, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDD1AC, #6C836F, #80635B, #C58444, #362619 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: #edd1ac; --color-2: #6c836f; --color-3: #80635b; --color-4: #c58444; --color-5: #362619. 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