#E94064 + #5D5055 + #8BA49F + #8BC2B4 + #C8C4A4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E94064

Vermilion · Tomato · Passion Red

HEX

#E94064

RGB

rgb(233, 64, 100)

HSL

hsl(347, 79%, 58%)

HSB

hsb(347, 73%, 91%)

CMYK

cmyk(0%, 73%, 57%, 9%)

Oklch

oklch(62.9% 0.205 13.3)

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

#5D5055

Dark Violet · DimGray · Charcoal

HEX

#5D5055

RGB

rgb(93, 80, 85)

HSL

hsl(337, 8%, 34%)

HSB

hsb(337, 14%, 36%)

CMYK

cmyk(0%, 14%, 9%, 64%)

Oklch

oklch(44.6% 0.019 352.7)

Traditional「Dark Violet」· Paint「Charcoal」· Creative Midnight Shadow

#8BA49F

Mineral Blue · DarkSeaGreen · Lake Green

HEX

#8BA49F

RGB

rgb(139, 164, 159)

HSL

hsl(168, 12%, 59%)

HSB

hsb(168, 15%, 64%)

CMYK

cmyk(15%, 0%, 3%, 36%)

Oklch

oklch(69.8% 0.029 182.0)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#8BC2B4

Jade · DarkSeaGreen · Lake Green

HEX

#8BC2B4

RGB

rgb(139, 194, 180)

HSL

hsl(165, 31%, 65%)

HSB

hsb(165, 28%, 76%)

CMYK

cmyk(28%, 0%, 7%, 24%)

Oklch

oklch(77.2% 0.061 177.1)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#C8C4A4

Fresh Green · Silver · Sunflower

HEX

#C8C4A4

RGB

rgb(200, 196, 164)

HSL

hsl(53, 25%, 71%)

HSB

hsb(53, 18%, 78%)

CMYK

cmyk(0%, 2%, 18%, 22%)

Oklch

oklch(81.5% 0.044 101.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E94064

3FE9C4

Analogous

E93FB9

E94064

E96F3F

Triadic

E94064

64E93F

3F64E9

Split-Comp.

E94064

3FE96F

3FB9E9

Tetradic

E94064

B9E93F

3FE9C4

6F3FE9

Contrast Matrix WCAG 2.1 Contrast

E94064	5D5055	8BA49F	8BC2B4	C8C4A4
—	2.0 Fail	1.5 Fail	1.9 Fail	2.2 Fail
2.0 Fail	—	2.9 Fail	3.8 AA Large	4.3 AA Large
1.5 Fail	2.9 Fail	—	1.3 Fail	1.5 Fail
1.9 Fail	3.8 AA Large	1.3 Fail	—	1.1 Fail
2.2 Fail	4.3 AA Large	1.5 Fail	1.1 Fail	—

White BG

3.9AA Large

7.7AAA

2.7Fail

2.0Fail

1.8Fail

Black BG

5.4AA

2.7Fail

7.9AAA

10.5AAA

11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A09E5B

575754

9696A0

A3A3B7

C6C6AC

Deuteranopia

AAB659

585954

9493A1

A09CB8

C7C7AE

Tritanopia

E15453

5C5353

8CA1A1

8EBABB

C8B2B3

Achromatopsia

777777

545454

9C9C9C

B0B0B0

C2C2C2

Shades & Tints Shades & Tints

#E94064

Dark

Light

#5D5055

Dark

Light

#8BA49F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e94064;
  --color-2: #5d5055;
  --color-3: #8ba49f;
  --color-4: #8bc2b4;
  --color-5: #c8c4a4;
}

SCSS

$color-1: #e94064;
$color-2: #5d5055;
$color-3: #8ba49f;
$color-4: #8bc2b4;
$color-5: #c8c4a4;

TAILWIND

colors: {
  'brand-1': '#e94064',
  'brand-2': '#5d5055',
  'brand-3': '#8ba49f',
  'brand-4': '#8bc2b4',
  'brand-5': '#c8c4a4',
}

RGB Array

[233, 64, 100], [93, 80, 85], [139, 164, 159], [139, 194, 180], [200, 196, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E94064, #5D5055, #8BA49F, #8BC2B4, #C8C4A4 is ideal for: corporate websites, product showcases, portfolios. 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: #e94064; --color-2: #5d5055; --color-3: #8ba49f; --color-4: #8bc2b4; --color-5: #c8c4a4. 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. 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