#E64B50 + #E0D588 + #F6F1DB + #C7E47D + #A6B85E · muted - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E64B50

Vermilion · Tomato · Passion Red

HEX

#E64B50

RGB

rgb(230, 75, 80)

HSL

hsl(358, 76%, 60%)

HSB

hsb(358, 67%, 90%)

CMYK

cmyk(0%, 67%, 65%, 10%)

Oklch

oklch(63.1% 0.191 22.8)

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

#E0D588

Fresh Green · Khaki · Sunflower

HEX

#E0D588

RGB

rgb(224, 213, 136)

HSL

hsl(53, 59%, 71%)

HSB

hsb(53, 39%, 88%)

CMYK

cmyk(0%, 5%, 39%, 12%)

Oklch

oklch(86.5% 0.098 101.2)

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

#F6F1DB

Goose Yellow · Beige · Lemon Cream

HEX

#F6F1DB

RGB

rgb(246, 241, 219)

HSL

hsl(49, 60%, 91%)

HSB

hsb(49, 11%, 96%)

CMYK

cmyk(0%, 2%, 11%, 4%)

Oklch

oklch(95.6% 0.029 96.4)

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

#C7E47D

Willow Green · Khaki · Apple Green

HEX

#C7E47D

RGB

rgb(199, 228, 125)

HSL

hsl(77, 66%, 69%)

HSB

hsb(77, 45%, 89%)

CMYK

cmyk(13%, 0%, 45%, 11%)

Oklch

oklch(87.5% 0.133 122.1)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#A6B85E

Grass Green · DarkSeaGreen · Olive Green

HEX

#A6B85E

RGB

rgb(166, 184, 94)

HSL

hsl(72, 39%, 55%)

HSB

hsb(72, 49%, 72%)

CMYK

cmyk(10%, 0%, 49%, 28%)

Oklch

oklch(74.9% 0.118 118.7)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E64B50

4BE7E1

Analogous

E74B9E

E64B50

E7944B

Triadic

E64B50

51E74B

4B51E7

Split-Comp.

E64B50

4BE794

4B9EE7

Tetradic

E64B50

9EE74B

4BE7E1

944BE7

Contrast Matrix WCAG 2.1 Contrast

E64B50	E0D588	F6F1DB	C7E47D	A6B85E
—	2.6 Fail	3.4 AA Large	2.7 Fail	1.8 Fail
2.6 Fail	—	1.3 Fail	1.1 Fail	1.5 Fail
3.4 AA Large	1.3 Fail	—	1.2 Fail	1.9 Fail
2.7 Fail	1.1 Fail	1.2 Fail	—	1.5 Fail
1.8 Fail	1.5 Fail	1.9 Fail	1.5 Fail	—

White BG

3.8AA Large

1.5Fail

1.1Fail

1.4Fail

2.2Fail

Black BG

5.5AA

14.0AAA

18.5AAA

14.8AAA

9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A14F

DBDB9B

F4F4E0

D4D496

AEAE74

Deuteranopia

ACB84F

DCDD9F

F4F5E2

D2D09C

ADAB79

Tritanopia

DE4E4E

DFA9AD

F6E5E5

C8AAAE

A78589

Achromatopsia

7A7A7A

D0D0D0

F0F0F0

D0D0D0

A8A8A8

Shades & Tints Shades & Tints

#E64B50

Dark

Light

#E0D588

Dark

Light

#F6F1DB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e64b50;
  --color-2: #e0d588;
  --color-3: #f6f1db;
  --color-4: #c7e47d;
  --color-5: #a6b85e;
}

SCSS

$color-1: #e64b50;
$color-2: #e0d588;
$color-3: #f6f1db;
$color-4: #c7e47d;
$color-5: #a6b85e;

TAILWIND

colors: {
  'brand-1': '#e64b50',
  'brand-2': '#e0d588',
  'brand-3': '#f6f1db',
  'brand-4': '#c7e47d',
  'brand-5': '#a6b85e',
}

RGB Array

[230, 75, 80], [224, 213, 136], [246, 241, 219], [199, 228, 125], [166, 184, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #E64B50, #E0D588, #F6F1DB, #C7E47D, #A6B85E is ideal for: health products, baby brands, fresh-style blogs. 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: #e64b50; --color-2: #e0d588; --color-3: #f6f1db; --color-4: #c7e47d; --color-5: #a6b85e. 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. 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 muted-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