← Back to Editor

#EED3C5 · #6C8162 · #83504F · #342A34 · #0C1315

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#EED3C5

Apricot · Wheat · Peach Orange

HEX
#EED3C5
RGB
rgb(238, 211, 197)
HSL
hsl(20, 55%, 85%)
HSB
hsb(20, 17%, 93%)
CMYK
cmyk(0%, 11%, 17%, 7%)
Oklch
oklch(88.6% 0.036 49.2)

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

#6C8162

Celadon · DimGray · Olive Green

HEX
#6C8162
RGB
rgb(108, 129, 98)
HSL
hsl(101, 14%, 45%)
HSB
hsb(101, 24%, 51%)
CMYK
cmyk(16%, 0%, 24%, 49%)
Oklch
oklch(57.8% 0.052 135.7)

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

#83504F

Crimson · DimGray · Passion Red

HEX
#83504F
RGB
rgb(131, 80, 79)
HSL
hsl(1, 25%, 41%)
HSB
hsb(1, 40%, 51%)
CMYK
cmyk(0%, 39%, 40%, 49%)
Oklch
oklch(48.9% 0.069 21.1)

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

#342A34

Rose Purple · DarkSlateGray · Dark Purple

HEX
#342A34
RGB
rgb(52, 42, 52)
HSL
hsl(300, 11%, 18%)
HSB
hsb(300, 19%, 20%)
CMYK
cmyk(0%, 19%, 0%, 80%)
Oklch
oklch(30.0% 0.023 326.1)

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

#0C1315

Slate Blue · Black · Peacock Green

HEX
#0C1315
RGB
rgb(12, 19, 21)
HSL
hsl(193, 27%, 6%)
HSB
hsb(193, 43%, 8%)
CMYK
cmyk(43%, 10%, 0%, 92%)
Oklch
oklch(18.0% 0.011 217.2)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EED3C5
C4E0EE

Analogous

EEC4CB
EED3C5
EEE7C4

Triadic

EED3C5
C4EED2
D2C4EE

Split-Comp.

EED3C5
C4EEE7
C4CBEE

Tetradic

EED3C5
CBEEC4
C4E0EE
E7C4EE

Contrast Matrix WCAG 2.1 Contrast

EED3C5
6C8162
83504F
342A34
0C1315
—
3.0
Fail
4.6
AA
9.7
AAA
13.2
AAA
3.0
Fail
—
1.5
Fail
3.2
AA Large
4.4
AA Large
4.6
AA
1.5
Fail
—
2.1
Fail
2.9
Fail
9.7
AAA
3.2
AA Large
2.1
Fail
—
1.4
Fail
13.2
AAA
4.4
AA Large
2.9
Fail
1.4
Fail
—
White BG
1.4Fail
4.2AA Large
6.5AA
13.8AAA
18.8AAA
Black BG
14.8AAA
5.0AA
3.2AA Large
1.5Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2C8
75756A
6D6C4F
303032
0F0F15

Deuteranopia

E4E6C9
74726B
70744F
303131
0F0E14

Tritanopia

EDCBCC
6D6F71
804F4F
34302F
0C1414

Achromatopsia

D9D9D9
777777
5F5F5F
2E2E2E
111111

Shades & Tints Shades & Tints

#EED3C5

Dark
Light

#6C8162

Dark
Light

#83504F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eed3c5;
  --color-2: #6c8162;
  --color-3: #83504f;
  --color-4: #342a34;
  --color-5: #0c1315;
}

SCSS

$color-1: #eed3c5;
$color-2: #6c8162;
$color-3: #83504f;
$color-4: #342a34;
$color-5: #0c1315;

TAILWIND

colors: {
  'brand-1': '#eed3c5',
  'brand-2': '#6c8162',
  'brand-3': '#83504f',
  'brand-4': '#342a34',
  'brand-5': '#0c1315',
}

RGB Array

[238, 211, 197], [108, 129, 98], [131, 80, 79], [52, 42, 52], [12, 19, 21]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EED3C5, #6C8162, #83504F, #342A34, #0C1315 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #eed3c5; --color-2: #6c8162; --color-3: #83504f; --color-4: #342a34; --color-5: #0c1315. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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