← Back to Editor

#EFE6CA · #E4DBC6 · #615070 · #403458 · #352B52

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

#EFE6CA

Goose Yellow · Bisque · Lemon Cream

HEX
#EFE6CA
RGB
rgb(239, 230, 202)
HSL
hsl(45, 54%, 86%)
HSB
hsb(45, 15%, 94%)
CMYK
cmyk(0%, 4%, 15%, 6%)
Oklch
oklch(92.5% 0.038 92.2)

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

#E4DBC6

Goose Yellow · LightGray · Lemon Cream

HEX
#E4DBC6
RGB
rgb(228, 219, 198)
HSL
hsl(42, 36%, 84%)
HSB
hsb(42, 13%, 89%)
CMYK
cmyk(0%, 4%, 13%, 11%)
Oklch
oklch(89.3% 0.030 87.6)

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

#615070

Dark Plum · DimGray · Eggplant

HEX
#615070
RGB
rgb(97, 80, 112)
HSL
hsl(272, 17%, 38%)
HSB
hsb(272, 29%, 44%)
CMYK
cmyk(13%, 29%, 0%, 56%)
Oklch
oklch(46.1% 0.055 308.5)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#403458

Deep Indigo · DarkSlateGray · Eggplant

HEX
#403458
RGB
rgb(64, 52, 88)
HSL
hsl(260, 26%, 27%)
HSB
hsb(260, 41%, 35%)
CMYK
cmyk(27%, 41%, 0%, 65%)
Oklch
oklch(35.5% 0.063 298.5)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#352B52

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#352B52
RGB
rgb(53, 43, 82)
HSL
hsl(255, 31%, 25%)
HSB
hsb(255, 48%, 32%)
CMYK
cmyk(35%, 48%, 0%, 68%)
Oklch
oklch(32.0% 0.068 294.0)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFE6CA
C8D2EF

Analogous

EFD2C8
EFE6CA
E5EFC8

Triadic

EFE6CA
C8EFE5
E5C8EF

Split-Comp.

EFE6CA
C8E5EF
D2C8EF

Tetradic

EFE6CA
C8EFD2
C8D2EF
EFC8E5

Contrast Matrix WCAG 2.1 Contrast

EFE6CA
E4DBC6
615070
403458
352B52
—
1.1
Fail
5.8
AA
9.1
AAA
10.4
AAA
1.1
Fail
—
5.3
AA
8.2
AAA
9.4
AAA
5.8
AA
5.3
AA
—
1.6
Fail
1.8
Fail
9.1
AAA
8.2
AAA
1.6
Fail
—
1.1
Fail
10.4
AAA
9.4
AAA
1.8
Fail
1.1
Fail
—
White BG
1.2Fail
1.4Fail
7.3AAA
11.4AAA
13.0AAA
Black BG
16.8AAA
15.2AAA
2.9Fail
1.9Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBD1
E0E0CB
5A5968
3B3B4F
313149

Deuteranopia

ECECD2
E1E1CC
5B5C66
3C3C4D
313246

Tritanopia

EFD6D7
E4CFD0
606261
3F4847
34413F

Achromatopsia

E5E5E5
DBDBDB
595959
3C3C3C
323232

Shades & Tints Shades & Tints

#EFE6CA

Dark
Light

#E4DBC6

Dark
Light

#615070

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efe6ca;
  --color-2: #e4dbc6;
  --color-3: #615070;
  --color-4: #403458;
  --color-5: #352b52;
}

SCSS

$color-1: #efe6ca;
$color-2: #e4dbc6;
$color-3: #615070;
$color-4: #403458;
$color-5: #352b52;

TAILWIND

colors: {
  'brand-1': '#efe6ca',
  'brand-2': '#e4dbc6',
  'brand-3': '#615070',
  'brand-4': '#403458',
  'brand-5': '#352b52',
}

RGB Array

[239, 230, 202], [228, 219, 198], [97, 80, 112], [64, 52, 88], [53, 43, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFE6CA, #E4DBC6, #615070, #403458, #352B52 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: #efe6ca; --color-2: #e4dbc6; --color-3: #615070; --color-4: #403458; --color-5: #352b52. 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