← Back to Editor

#EDE2C6 · #E3C8AD · #B17F80 · #5C3459 · #B53E68

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

#EDE2C6

Goose Yellow · Bisque · Lemon Cream

HEX
#EDE2C6
RGB
rgb(237, 226, 198)
HSL
hsl(43, 52%, 85%)
HSB
hsb(43, 16%, 93%)
CMYK
cmyk(0%, 5%, 16%, 7%)
Oklch
oklch(91.4% 0.039 89.1)

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

#E3C8AD

Goose Yellow · Wheat · Peach Orange

HEX
#E3C8AD
RGB
rgb(227, 200, 173)
HSL
hsl(30, 49%, 78%)
HSB
hsb(30, 24%, 89%)
CMYK
cmyk(0%, 12%, 24%, 11%)
Oklch
oklch(84.9% 0.047 67.1)

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

#B17F80

Crimson · Gray · Passion Red

HEX
#B17F80
RGB
rgb(177, 127, 128)
HSL
hsl(359, 24%, 60%)
HSB
hsb(359, 28%, 69%)
CMYK
cmyk(0%, 28%, 28%, 31%)
Oklch
oklch(64.6% 0.062 17.6)

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

#5C3459

Rose Purple · DarkSlateGray · Eggplant

HEX
#5C3459
RGB
rgb(92, 52, 89)
HSL
hsl(305, 28%, 28%)
HSB
hsb(305, 43%, 36%)
CMYK
cmyk(0%, 43%, 3%, 64%)
Oklch
oklch(38.9% 0.079 329.7)

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

#B53E68

Dark Violet · MediumVioletRed · Camellia

HEX
#B53E68
RGB
rgb(181, 62, 104)
HSL
hsl(339, 49%, 48%)
HSB
hsb(339, 66%, 71%)
CMYK
cmyk(0%, 66%, 43%, 29%)
Oklch
oklch(54.3% 0.158 2.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE2C6
C5D0ED

Analogous

EDCDC5
EDE2C6
E4EDC5

Triadic

EDE2C6
C5EDE1
E1C5ED

Split-Comp.

EDE2C6
C5E4ED
CDC5ED

Tetradic

EDE2C6
C5EDCD
C5D0ED
EDC5E4

Contrast Matrix WCAG 2.1 Contrast

EDE2C6
E3C8AD
B17F80
5C3459
B53E68
—
1.2
Fail
2.6
Fail
7.8
AAA
4.2
AA Large
1.2
Fail
—
2.1
Fail
6.3
AA
3.4
AA Large
2.6
Fail
2.1
Fail
—
3.0
Fail
1.6
Fail
7.8
AAA
6.3
AA
3.0
Fail
—
1.8
Fail
4.2
AA Large
3.4
AA Large
1.6
Fail
1.8
Fail
—
White BG
1.3Fail
1.6Fail
3.4AA Large
10.0AAA
5.4AA
Black BG
16.3AAA
13.1AAA
6.2AA
2.1Fail
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8CD
D7D7B4
9B9B80
4B4A50
81805E

Deuteranopia

E9EACE
D9DBB5
9EA280
4D504E
88915B

Tritanopia

ECD2D3
E2B9BA
AF8080
5A4947
AF5654

Achromatopsia

E2E2E2
CDCDCD
8E8E8E
444444
666666

Shades & Tints Shades & Tints

#EDE2C6

Dark
Light

#E3C8AD

Dark
Light

#B17F80

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede2c6;
  --color-2: #e3c8ad;
  --color-3: #b17f80;
  --color-4: #5c3459;
  --color-5: #b53e68;
}

SCSS

$color-1: #ede2c6;
$color-2: #e3c8ad;
$color-3: #b17f80;
$color-4: #5c3459;
$color-5: #b53e68;

TAILWIND

colors: {
  'brand-1': '#ede2c6',
  'brand-2': '#e3c8ad',
  'brand-3': '#b17f80',
  'brand-4': '#5c3459',
  'brand-5': '#b53e68',
}

RGB Array

[237, 226, 198], [227, 200, 173], [177, 127, 128], [92, 52, 89], [181, 62, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE2C6, #E3C8AD, #B17F80, #5C3459, #B53E68 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: #ede2c6; --color-2: #e3c8ad; --color-3: #b17f80; --color-4: #5c3459; --color-5: #b53e68. 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