← Back to Editor

#E8E3D3 · #C5C96F · #01A47E · #3E3E7D · #190021

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#E8E3D3

Goose Yellow · Beige · Lemon Cream

HEX
#E8E3D3
RGB
rgb(232, 227, 211)
HSL
hsl(46, 31%, 87%)
HSB
hsb(46, 9%, 91%)
CMYK
cmyk(0%, 2%, 9%, 9%)
Oklch
oklch(91.5% 0.022 92.5)

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

#C5C96F

Fresh Green · Tan · Sunflower

HEX
#C5C96F
RGB
rgb(197, 201, 111)
HSL
hsl(63, 45%, 61%)
HSB
hsb(63, 45%, 79%)
CMYK
cmyk(2%, 0%, 45%, 21%)
Oklch
oklch(81.3% 0.114 110.9)

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

#01A47E

Mineral Blue · Teal · Mint Ice

HEX
#01A47E
RGB
rgb(1, 164, 126)
HSL
hsl(166, 99%, 32%)
HSB
hsb(166, 99%, 64%)
CMYK
cmyk(99%, 0%, 23%, 36%)
Oklch
oklch(63.9% 0.128 168.8)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#3E3E7D

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX
#3E3E7D
RGB
rgb(62, 62, 125)
HSL
hsl(240, 34%, 37%)
HSB
hsb(240, 50%, 49%)
CMYK
cmyk(50%, 50%, 0%, 51%)
Oklch
oklch(39.8% 0.104 280.6)

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

#190021

Royal Purple · Black · Dark Purple

HEX
#190021
RGB
rgb(25, 0, 33)
HSL
hsl(285, 100%, 6%)
HSB
hsb(285, 100%, 13%)
CMYK
cmyk(24%, 100%, 0%, 87%)
Oklch
oklch(15.7% 0.076 317.7)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8E3D3
D4D8E8

Analogous

E8D9D4
E8E3D3
E3E8D4

Triadic

E8E3D3
D4E8E3
E3D4E8

Split-Comp.

E8E3D3
D4E3E8
D9D4E8

Tetradic

E8E3D3
D4E8D9
D4D8E8
E8D4E3

Contrast Matrix WCAG 2.1 Contrast

E8E3D3
C5C96F
01A47E
3E3E7D
190021
—
1.4
Fail
2.5
Fail
7.5
AAA
15.4
AAA
1.4
Fail
—
1.8
Fail
5.5
AA
11.2
AAA
2.5
Fail
1.8
Fail
—
3.0
AA Large
6.2
AA
7.5
AAA
5.5
AA
3.0
AA Large
—
2.1
Fail
15.4
AAA
11.2
AAA
6.2
AA
2.1
Fail
—
White BG
1.3Fail
1.8Fail
3.2AA Large
9.6AAA
19.7AAA
Black BG
16.4AAA
12.0AAA
6.6AA
2.2Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6D7
C7C785
484987
3E3E6E
0E0E19

Deuteranopia

E6E6D8
C7C68A
3E3289
3E3E6A
101217

Tritanopia

E8DADB
C5969A
098E90
3E625F
181311

Achromatopsia

E3E3E3
BEBEBE
6F6F6F
454545
0B0B0B

Shades & Tints Shades & Tints

#E8E3D3

Dark
Light

#C5C96F

Dark
Light

#01A47E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8e3d3;
  --color-2: #c5c96f;
  --color-3: #01a47e;
  --color-4: #3e3e7d;
  --color-5: #190021;
}

SCSS

$color-1: #e8e3d3;
$color-2: #c5c96f;
$color-3: #01a47e;
$color-4: #3e3e7d;
$color-5: #190021;

TAILWIND

colors: {
  'brand-1': '#e8e3d3',
  'brand-2': '#c5c96f',
  'brand-3': '#01a47e',
  'brand-4': '#3e3e7d',
  'brand-5': '#190021',
}

RGB Array

[232, 227, 211], [197, 201, 111], [1, 164, 126], [62, 62, 125], [25, 0, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8E3D3, #C5C96F, #01A47E, #3E3E7D, #190021 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e8e3d3; --color-2: #c5c96f; --color-3: #01a47e; --color-4: #3e3e7d; --color-5: #190021. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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