← Back to Editor

#EDE6D4 · #9FA593 · #D9627E · #CF2E5F · #563838

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

#EDE6D4

Goose Yellow · Beige · Lemon Cream

HEX
#EDE6D4
RGB
rgb(237, 230, 212)
HSL
hsl(43, 41%, 88%)
HSB
hsb(43, 11%, 93%)
CMYK
cmyk(0%, 3%, 11%, 7%)
Oklch
oklch(92.6% 0.025 89.2)

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

#9FA593

Willow Green · DarkGray · Silver Sand

HEX
#9FA593
RGB
rgb(159, 165, 147)
HSL
hsl(80, 9%, 61%)
HSB
hsb(80, 11%, 65%)
CMYK
cmyk(4%, 0%, 11%, 35%)
Oklch
oklch(71.2% 0.026 122.1)

Traditional「Willow Green」· Paint「Silver Sand」· Creative Urban Concrete

#D9627E

Peach Pink · LightCoral · Coral Red

HEX
#D9627E
RGB
rgb(217, 98, 126)
HSL
hsl(346, 61%, 62%)
HSB
hsb(346, 55%, 85%)
CMYK
cmyk(0%, 55%, 42%, 15%)
Oklch
oklch(64.9% 0.151 7.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#CF2E5F

Dark Violet · Crimson · Camellia

HEX
#CF2E5F
RGB
rgb(207, 46, 95)
HSL
hsl(342, 64%, 50%)
HSB
hsb(342, 78%, 81%)
CMYK
cmyk(0%, 78%, 54%, 19%)
Oklch
oklch(56.9% 0.197 8.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#563838

Crimson · DarkSlateGray · Wine Red

HEX
#563838
RGB
rgb(86, 56, 56)
HSL
hsl(0, 21%, 28%)
HSB
hsb(0, 35%, 34%)
CMYK
cmyk(0%, 35%, 35%, 66%)
Oklch
oklch(37.6% 0.043 19.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE6D4
D4DBED

Analogous

EDD9D4
EDE6D4
E8EDD4

Triadic

EDE6D4
D4EDE6
E6D4ED

Split-Comp.

EDE6D4
D4E8ED
D9D4ED

Tetradic

EDE6D4
D4EDD9
D4DBED
EDD4E8

Contrast Matrix WCAG 2.1 Contrast

EDE6D4
9FA593
D9627E
CF2E5F
563838
—
2.0
Fail
2.8
Fail
4.0
AA Large
8.4
AAA
2.0
Fail
—
1.4
Fail
2.0
Fail
4.1
AA Large
2.8
Fail
1.4
Fail
—
1.4
Fail
3.0
Fail
4.0
AA Large
2.0
Fail
1.4
Fail
—
2.1
Fail
8.4
AAA
4.1
AA Large
3.0
Fail
2.1
Fail
—
White BG
1.2Fail
2.5Fail
3.5AA Large
5.0AA
10.4AAA
Black BG
16.9AAA
8.3AAA
6.0AA
4.2AA Large
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAD8
A2A297
A5A477
898853
494938

Deuteranopia

EAEBD9
A1A198
ACB576
939F50
4B4D38

Tritanopia

EDDCDD
9F9B9C
D37271
C74A48
553838

Achromatopsia

E6E6E6
A1A1A1
898989
646464
414141

Shades & Tints Shades & Tints

#EDE6D4

Dark
Light

#9FA593

Dark
Light

#D9627E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede6d4;
  --color-2: #9fa593;
  --color-3: #d9627e;
  --color-4: #cf2e5f;
  --color-5: #563838;
}

SCSS

$color-1: #ede6d4;
$color-2: #9fa593;
$color-3: #d9627e;
$color-4: #cf2e5f;
$color-5: #563838;

TAILWIND

colors: {
  'brand-1': '#ede6d4',
  'brand-2': '#9fa593',
  'brand-3': '#d9627e',
  'brand-4': '#cf2e5f',
  'brand-5': '#563838',
}

RGB Array

[237, 230, 212], [159, 165, 147], [217, 98, 126], [207, 46, 95], [86, 56, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE6D4, #9FA593, #D9627E, #CF2E5F, #563838 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: #ede6d4; --color-2: #9fa593; --color-3: #d9627e; --color-4: #cf2e5f; --color-5: #563838. 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