← Back to Editor

#EFEDD6 · #EADBA2 · #E59E73 · #D77876 · #846870

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#EFEDD6

Fresh Green · Beige · Lemon Cream

HEX
#EFEDD6
RGB
rgb(239, 237, 214)
HSL
hsl(55, 44%, 89%)
HSB
hsb(55, 10%, 94%)
CMYK
cmyk(0%, 1%, 10%, 6%)
Oklch
oklch(94.2% 0.030 102.9)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#EADBA2

Goose Yellow · Wheat · Lemon Cream

HEX
#EADBA2
RGB
rgb(234, 219, 162)
HSL
hsl(48, 63%, 78%)
HSB
hsb(48, 31%, 92%)
CMYK
cmyk(0%, 6%, 31%, 8%)
Oklch
oklch(89.0% 0.075 95.1)

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

#E59E73

Apricot · DarkSalmon · Warm Sun

HEX
#E59E73
RGB
rgb(229, 158, 115)
HSL
hsl(23, 69%, 67%)
HSB
hsb(23, 50%, 90%)
CMYK
cmyk(0%, 31%, 50%, 10%)
Oklch
oklch(75.9% 0.103 51.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D77876

Peach Pink · LightCoral · Coral Red

HEX
#D77876
RGB
rgb(215, 120, 118)
HSL
hsl(1, 55%, 65%)
HSB
hsb(1, 45%, 84%)
CMYK
cmyk(0%, 44%, 45%, 16%)
Oklch
oklch(67.7% 0.119 22.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#846870

Dark Violet · DimGray · Camellia

HEX
#846870
RGB
rgb(132, 104, 112)
HSL
hsl(343, 12%, 46%)
HSB
hsb(343, 21%, 52%)
CMYK
cmyk(0%, 21%, 15%, 48%)
Oklch
oklch(54.7% 0.038 359.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFEDD6
D7D9EF

Analogous

EFE1D7
EFEDD6
E5EFD7

Triadic

EFEDD6
D7EFED
EDD7EF

Split-Comp.

EFEDD6
D7E5EF
E1D7EF

Tetradic

EFEDD6
D7EFE1
D7D9EF
EFD7E5

Contrast Matrix WCAG 2.1 Contrast

EFEDD6
EADBA2
E59E73
D77876
846870
—
1.2
Fail
1.9
Fail
2.6
Fail
4.2
AA Large
1.2
Fail
—
1.6
Fail
2.2
Fail
3.6
AA Large
1.9
Fail
1.6
Fail
—
1.4
Fail
2.3
Fail
2.6
Fail
2.2
Fail
1.4
Fail
—
1.6
Fail
4.2
AA Large
3.6
AA Large
2.3
Fail
1.6
Fail
—
White BG
1.2Fail
1.4Fail
2.2Fail
3.1AA Large
5.0AA
Black BG
17.8AAA
15.2AAA
9.5AAA
6.8AA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEDC
E4E3B0
C6C67D
AEAD76
78786E

Deuteranopia

EEEEDD
E4E6B3
CAD080
B3BB77
7A7C6E

Tritanopia

EFE0E1
E9BBBD
E18687
D27777
836D6C

Achromatopsia

EBEBEB
D9D9D9
AEAEAE
949494
717171

Shades & Tints Shades & Tints

#EFEDD6

Dark
Light

#EADBA2

Dark
Light

#E59E73

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efedd6;
  --color-2: #eadba2;
  --color-3: #e59e73;
  --color-4: #d77876;
  --color-5: #846870;
}

SCSS

$color-1: #efedd6;
$color-2: #eadba2;
$color-3: #e59e73;
$color-4: #d77876;
$color-5: #846870;

TAILWIND

colors: {
  'brand-1': '#efedd6',
  'brand-2': '#eadba2',
  'brand-3': '#e59e73',
  'brand-4': '#d77876',
  'brand-5': '#846870',
}

RGB Array

[239, 237, 214], [234, 219, 162], [229, 158, 115], [215, 120, 118], [132, 104, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFEDD6, #EADBA2, #E59E73, #D77876, #846870 is ideal for: health products, baby brands, fresh-style blogs, 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: #efedd6; --color-2: #eadba2; --color-3: #e59e73; --color-4: #d77876; --color-5: #846870. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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