← Back to Editor

#EADCC1 · #78968C · #5D5F37 · #2D2324 · #3A0B11

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#EADCC1

Goose Yellow · Wheat · Lemon Cream

HEX
#EADCC1
RGB
rgb(234, 220, 193)
HSL
hsl(40, 49%, 84%)
HSB
hsb(40, 18%, 92%)
CMYK
cmyk(0%, 6%, 18%, 8%)
Oklch
oklch(89.9% 0.039 83.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#78968C

Mineral Blue · LightSlateGray · Lake Green

HEX
#78968C
RGB
rgb(120, 150, 140)
HSL
hsl(160, 13%, 53%)
HSB
hsb(160, 20%, 59%)
CMYK
cmyk(20%, 0%, 7%, 41%)
Oklch
oklch(64.7% 0.037 172.8)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#5D5F37

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#5D5F37
RGB
rgb(93, 95, 55)
HSL
hsl(63, 27%, 29%)
HSB
hsb(63, 42%, 37%)
CMYK
cmyk(2%, 0%, 42%, 63%)
Oklch
oklch(47.3% 0.059 110.9)

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

#2D2324

Crimson · DarkSlateGray · Deep Berry

HEX
#2D2324
RGB
rgb(45, 35, 36)
HSL
hsl(354, 13%, 16%)
HSB
hsb(354, 22%, 18%)
CMYK
cmyk(0%, 22%, 20%, 82%)
Oklch
oklch(26.8% 0.015 11.4)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#3A0B11

Vermilion · Black · Deep Berry

HEX
#3A0B11
RGB
rgb(58, 11, 17)
HSL
hsl(352, 68%, 14%)
HSB
hsb(352, 81%, 23%)
CMYK
cmyk(0%, 81%, 71%, 77%)
Oklch
oklch(23.7% 0.073 17.7)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EADCC1
C2D0EA

Analogous

EAC9C2
EADCC1
E4EAC2

Triadic

EADCC1
C2EADD
DDC2EA

Split-Comp.

EADCC1
C2E4EA
C9C2EA

Tetradic

EADCC1
C2EAC9
C2D0EA
EAC2E4

Contrast Matrix WCAG 2.1 Contrast

EADCC1
78968C
5D5F37
2D2324
3A0B11
—
2.4
Fail
4.9
AA
11.3
AAA
12.5
AAA
2.4
Fail
—
2.1
Fail
4.7
AA
5.3
AA
4.9
AA
2.1
Fail
—
2.3
Fail
2.6
Fail
11.3
AAA
4.7
AA
2.3
Fail
—
1.1
Fail
12.5
AAA
5.3
AA
2.6
Fail
1.1
Fail
—
White BG
1.4Fail
3.2AA Large
6.7AA
15.2AAA
17.0AAA
Black BG
15.5AAA
6.5AA
3.2AA Large
1.4Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4C8
85858E
5E5E41
292924
262510

Deuteranopia

E5E6C9
83818F
5E5E43
292A24
282C0F

Tritanopia

E9CDCE
7A9091
5D484A
2D2424
380E0E

Achromatopsia

DDDDDD
8C8C8C
5A5A5A
262626
1A1A1A

Shades & Tints Shades & Tints

#EADCC1

Dark
Light

#78968C

Dark
Light

#5D5F37

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eadcc1;
  --color-2: #78968c;
  --color-3: #5d5f37;
  --color-4: #2d2324;
  --color-5: #3a0b11;
}

SCSS

$color-1: #eadcc1;
$color-2: #78968c;
$color-3: #5d5f37;
$color-4: #2d2324;
$color-5: #3a0b11;

TAILWIND

colors: {
  'brand-1': '#eadcc1',
  'brand-2': '#78968c',
  'brand-3': '#5d5f37',
  'brand-4': '#2d2324',
  'brand-5': '#3a0b11',
}

RGB Array

[234, 220, 193], [120, 150, 140], [93, 95, 55], [45, 35, 36], [58, 11, 17]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EADCC1, #78968C, #5D5F37, #2D2324, #3A0B11 is ideal for: tech websites, dark mode UIs, game UIs, 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: #eadcc1; --color-2: #78968c; --color-3: #5d5f37; --color-4: #2d2324; --color-5: #3a0b11. 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 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