#E7E2BB + #BECC78 + #E49A7B + #DF566F + #E47E91 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E7E2BB

Fresh Green · Wheat · Lemon Cream

HEX

#E7E2BB

RGB

rgb(231, 226, 187)

HSL

hsl(53, 48%, 82%)

HSB

hsb(53, 19%, 91%)

CMYK

cmyk(0%, 2%, 19%, 9%)

Oklch

oklch(90.7% 0.052 101.3)

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

#BECC78

Willow Green · Tan · Apple Green

HEX

#BECC78

RGB

rgb(190, 204, 120)

HSL

hsl(70, 45%, 64%)

HSB

hsb(70, 41%, 80%)

CMYK

cmyk(7%, 0%, 41%, 20%)

Oklch

oklch(81.6% 0.109 116.6)

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

#E49A7B

Apricot · DarkSalmon · Warm Sun

HEX

#E49A7B

RGB

rgb(228, 154, 123)

HSL

hsl(18, 66%, 69%)

HSB

hsb(18, 46%, 89%)

CMYK

cmyk(0%, 32%, 46%, 11%)

Oklch

oklch(75.2% 0.099 43.5)

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

#DF566F

Peach Pink · LightCoral · Coral Red

HEX

#DF566F

RGB

rgb(223, 86, 111)

HSL

hsl(349, 68%, 61%)

HSB

hsb(349, 61%, 87%)

CMYK

cmyk(0%, 61%, 50%, 13%)

Oklch

oklch(63.9% 0.171 12.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E47E91

Peach Pink · LightCoral · Coral Red

HEX

#E47E91

RGB

rgb(228, 126, 145)

HSL

hsl(349, 65%, 69%)

HSB

hsb(349, 45%, 89%)

CMYK

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

Oklch

oklch(71.0% 0.127 8.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7E2BB

BBC0E7

Analogous

E7CCBB

E7E2BB

D6E7BB

Triadic

E7E2BB

BBE7E2

E2BBE7

Split-Comp.

E7E2BB

BBD6E7

CCBBE7

Tetradic

E7E2BB

BBE7CC

BBC0E7

E7BBD6

Contrast Matrix WCAG 2.1 Contrast

E7E2BB	BECC78	E49A7B	DF566F	E47E91
—	1.3 Fail	1.7 Fail	2.8 Fail	2.1 Fail
1.3 Fail	—	1.3 Fail	2.1 Fail	1.6 Fail
1.7 Fail	1.3 Fail	—	1.6 Fail	1.2 Fail
2.8 Fail	2.1 Fail	1.6 Fail	—	1.3 Fail
2.1 Fail	1.6 Fail	1.2 Fail	1.3 Fail	—

White BG

1.3Fail

1.7Fail

2.3Fail

3.7AA Large

2.7Fail

Black BG

16.0AAA

12.1AAA

9.2AAA

5.7AA

7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5C4

C4C48C

C4C383

A4A269

B8B78C

Deuteranopia

E5E6C7

C3C291

C8CE84

ACB667

BEC58B

Tritanopia

E7CCCE

BF9CA0

E0888A

D86463

DF8988

Achromatopsia

DFDFDF

BEBEBE

ADADAD

828282

9F9F9F

Shades & Tints Shades & Tints

#E7E2BB

Dark

Light

#BECC78

Dark

Light

#E49A7B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7e2bb;
  --color-2: #becc78;
  --color-3: #e49a7b;
  --color-4: #df566f;
  --color-5: #e47e91;
}

SCSS

$color-1: #e7e2bb;
$color-2: #becc78;
$color-3: #e49a7b;
$color-4: #df566f;
$color-5: #e47e91;

TAILWIND

colors: {
  'brand-1': '#e7e2bb',
  'brand-2': '#becc78',
  'brand-3': '#e49a7b',
  'brand-4': '#df566f',
  'brand-5': '#e47e91',
}

RGB Array

[231, 226, 187], [190, 204, 120], [228, 154, 123], [223, 86, 111], [228, 126, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E7E2BB, #BECC78, #E49A7B, #DF566F, #E47E91 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: #e7e2bb; --color-2: #becc78; --color-3: #e49a7b; --color-4: #df566f; --color-5: #e47e91. 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