#E1594D + #E09C6D + #EDDFAE + #E6E5D3 + #B3CDC2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E1594D

Vermilion · Tomato · Passion Red

HEX

#E1594D

RGB

rgb(225, 89, 77)

HSL

hsl(5, 71%, 59%)

HSB

hsb(5, 66%, 88%)

CMYK

cmyk(0%, 60%, 66%, 12%)

Oklch

oklch(63.9% 0.172 27.9)

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

#E09C6D

Apricot · DarkSalmon · Warm Sun

HEX

#E09C6D

RGB

rgb(224, 156, 109)

HSL

hsl(25, 65%, 65%)

HSB

hsb(25, 51%, 88%)

CMYK

cmyk(0%, 30%, 51%, 12%)

Oklch

oklch(74.9% 0.103 55.1)

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

#EDDFAE

Goose Yellow · Wheat · Lemon Cream

HEX

#EDDFAE

RGB

rgb(237, 223, 174)

HSL

hsl(47, 64%, 81%)

HSB

hsb(47, 27%, 93%)

CMYK

cmyk(0%, 6%, 27%, 7%)

Oklch

oklch(90.3% 0.065 94.0)

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

#E6E5D3

Fresh Green · Beige · Lemon Cream

HEX

#E6E5D3

RGB

rgb(230, 229, 211)

HSL

hsl(57, 28%, 86%)

HSB

hsb(57, 8%, 90%)

CMYK

cmyk(0%, 0%, 8%, 10%)

Oklch

oklch(91.8% 0.024 104.3)

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

#B3CDC2

Jade · Silver · Apple Green

HEX

#B3CDC2

RGB

rgb(179, 205, 194)

HSL

hsl(155, 21%, 75%)

HSB

hsb(155, 13%, 80%)

CMYK

cmyk(13%, 0%, 5%, 20%)

Oklch

oklch(82.6% 0.032 168.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1594D

4CD4E1

Analogous

E14C8A

E1594D

E1A34C

Triadic

E1594D

4CE159

594CE1

Split-Comp.

E1594D

4CE1A3

4C8AE1

Tetradic

E1594D

8AE14C

4CD4E1

A34CE1

Contrast Matrix WCAG 2.1 Contrast

E1594D	E09C6D	EDDFAE	E6E5D3	B3CDC2
—	1.6 Fail	2.7 Fail	2.9 Fail	2.2 Fail
1.6 Fail	—	1.7 Fail	1.8 Fail	1.4 Fail
2.7 Fail	1.7 Fail	—	1.0 Fail	1.3 Fail
2.9 Fail	1.8 Fail	1.0 Fail	—	1.3 Fail
2.2 Fail	1.4 Fail	1.3 Fail	1.3 Fail	—

White BG

3.7AA Large

2.3Fail

1.3Fail

1.7Fail

Black BG

5.7AA

9.1AAA

15.8AAA

16.5AAA

12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A550

C3C278

E7E7BA

E6E6D7

BEBEC5

Deuteranopia

AEB851

C7CC7B

E8E9BD

E6E6D8

BDBBC5

Tritanopia

DA5253

DD8183

ECC3C5

E6DBDC

B4C7C7

Achromatopsia

808080

ABABAB

DEDEDE

E3E3E3

C4C4C4

Shades & Tints Shades & Tints

#E1594D

Dark

Light

#E09C6D

Dark

Light

#EDDFAE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1594d;
  --color-2: #e09c6d;
  --color-3: #eddfae;
  --color-4: #e6e5d3;
  --color-5: #b3cdc2;
}

SCSS

$color-1: #e1594d;
$color-2: #e09c6d;
$color-3: #eddfae;
$color-4: #e6e5d3;
$color-5: #b3cdc2;

TAILWIND

colors: {
  'brand-1': '#e1594d',
  'brand-2': '#e09c6d',
  'brand-3': '#eddfae',
  'brand-4': '#e6e5d3',
  'brand-5': '#b3cdc2',
}

RGB Array

[225, 89, 77], [224, 156, 109], [237, 223, 174], [230, 229, 211], [179, 205, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E1594D, #E09C6D, #EDDFAE, #E6E5D3, #B3CDC2 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: #e1594d; --color-2: #e09c6d; --color-3: #eddfae; --color-4: #e6e5d3; --color-5: #b3cdc2. 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 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