← Back to Editor

#EDE0D8 · #784349 · #412027 · #201718 · #645455

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#EDE0D8

Apricot · Beige · Peach Orange

HEX
#EDE0D8
RGB
rgb(237, 224, 216)
HSL
hsl(23, 37%, 89%)
HSB
hsb(23, 9%, 93%)
CMYK
cmyk(0%, 5%, 9%, 7%)
Oklch
oklch(91.5% 0.018 54.0)

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

#784349

Crimson · Sienna · Wine Red

HEX
#784349
RGB
rgb(120, 67, 73)
HSL
hsl(353, 28%, 37%)
HSB
hsb(353, 44%, 47%)
CMYK
cmyk(0%, 44%, 39%, 53%)
Oklch
oklch(44.9% 0.073 13.2)

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

#412027

Crimson · DarkSlateGray · Deep Berry

HEX
#412027
RGB
rgb(65, 32, 39)
HSL
hsl(347, 34%, 19%)
HSB
hsb(347, 51%, 25%)
CMYK
cmyk(0%, 51%, 40%, 75%)
Oklch
oklch(29.1% 0.052 7.2)

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

#201718

Crimson · Black · Deep Berry

HEX
#201718
RGB
rgb(32, 23, 24)
HSL
hsl(353, 16%, 11%)
HSB
hsb(353, 28%, 13%)
CMYK
cmyk(0%, 28%, 25%, 87%)
Oklch
oklch(21.6% 0.015 10.9)

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

#645455

Crimson · DimGray · Charcoal

HEX
#645455
RGB
rgb(100, 84, 85)
HSL
hsl(356, 9%, 36%)
HSB
hsb(356, 16%, 39%)
CMYK
cmyk(0%, 16%, 15%, 61%)
Oklch
oklch(46.2% 0.021 13.7)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE0D8
D9E5ED

Analogous

EDD9DB
EDE0D8
EDEBD9

Triadic

EDE0D8
D9EDE1
E1D9ED

Split-Comp.

EDE0D8
D9EDEB
D9DBED

Tetradic

EDE0D8
DBEDD9
D9E5ED
EBD9ED

Contrast Matrix WCAG 2.1 Contrast

EDE0D8
784349
412027
201718
645455
—
6.0
AA
11.1
AAA
13.6
AAA
5.5
AA
6.0
AA
—
1.8
Fail
2.3
Fail
1.1
Fail
11.1
AAA
1.8
Fail
—
1.2
Fail
2.0
Fail
13.6
AAA
2.3
Fail
1.2
Fail
—
2.5
Fail
5.5
AA
1.1
Fail
2.0
Fail
2.5
Fail
—
White BG
1.3Fail
7.8AAA
14.4AAA
17.5AAA
7.1AAA
Black BG
16.3AAA
2.7Fail
1.5Fail
1.2Fail
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7DA
616148
333225
1C1C18
5D5D55

Deuteranopia

E8E9DA
646847
353725
1D1D18
5E5F55

Tritanopia

ECDBDC
754646
3F2424
201818
635555

Achromatopsia

E3E3E3
545454
2B2B2B
1A1A1A
595959

Shades & Tints Shades & Tints

#EDE0D8

Dark
Light

#784349

Dark
Light

#412027

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede0d8;
  --color-2: #784349;
  --color-3: #412027;
  --color-4: #201718;
  --color-5: #645455;
}

SCSS

$color-1: #ede0d8;
$color-2: #784349;
$color-3: #412027;
$color-4: #201718;
$color-5: #645455;

TAILWIND

colors: {
  'brand-1': '#ede0d8',
  'brand-2': '#784349',
  'brand-3': '#412027',
  'brand-4': '#201718',
  'brand-5': '#645455',
}

RGB Array

[237, 224, 216], [120, 67, 73], [65, 32, 39], [32, 23, 24], [100, 84, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE0D8, #784349, #412027, #201718, #645455 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: #ede0d8; --color-2: #784349; --color-3: #412027; --color-4: #201718; --color-5: #645455. 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