#E8D2C7 + #FAF285 + #E4AC55 + #E3757E + #917782 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E8D2C7

Apricot · LightGray · Peach Orange

HEX

#E8D2C7

RGB

rgb(232, 210, 199)

HSL

hsl(20, 42%, 85%)

HSB

hsb(20, 14%, 91%)

CMYK

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

Oklch

oklch(87.9% 0.029 48.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FAF285

Fresh Green · Khaki · Sunflower

HEX

#FAF285

RGB

rgb(250, 242, 133)

HSL

hsl(56, 92%, 75%)

HSB

hsb(56, 47%, 98%)

CMYK

cmyk(0%, 3%, 47%, 2%)

Oklch

oklch(94.5% 0.131 104.9)

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

#E4AC55

Ginger · SandyBrown · Warm Sun

HEX

#E4AC55

RGB

rgb(228, 172, 85)

HSL

hsl(37, 73%, 61%)

HSB

hsb(37, 63%, 89%)

CMYK

cmyk(0%, 25%, 63%, 11%)

Oklch

oklch(78.0% 0.123 76.2)

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

#E3757E

Peach Pink · LightCoral · Coral Red

HEX

#E3757E

RGB

rgb(227, 117, 126)

HSL

hsl(355, 66%, 67%)

HSB

hsb(355, 48%, 89%)

CMYK

cmyk(0%, 48%, 44%, 11%)

Oklch

oklch(69.0% 0.137 16.2)

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

#917782

Dark Violet · Gray · Rose Pink

HEX

#917782

RGB

rgb(145, 119, 130)

HSL

hsl(335, 11%, 52%)

HSB

hsb(335, 18%, 57%)

CMYK

cmyk(0%, 18%, 10%, 43%)

Oklch

oklch(59.7% 0.036 350.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8D2C7

C9DEE9

Analogous

E9C9CE

E8D2C7

E9E3C9

Triadic

E8D2C7

C9E9D3

D3C9E9

Split-Comp.

E8D2C7

C9E9E3

C9CEE9

Tetradic

E8D2C7

CEE9C9

C9DEE9

E3C9E9

Contrast Matrix WCAG 2.1 Contrast

E8D2C7	FAF285	E4AC55	E3757E	917782
—	1.3 Fail	1.4 Fail	2.0 Fail	2.8 Fail
1.3 Fail	—	1.8 Fail	2.5 Fail	3.5 AA Large
1.4 Fail	1.8 Fail	—	1.5 Fail	2.0 Fail
2.0 Fail	2.5 Fail	1.5 Fail	—	1.4 Fail
2.8 Fail	3.5 AA Large	2.0 Fail	1.4 Fail	—

White BG

1.5Fail

1.2Fail

2.0Fail

3.0Fail

4.1AA Large

Black BG

14.5AAA

18.1AAA

10.3AAA

7.1AAA

5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDECA

F7F69F

CCCB6A

B3B27C

86867F

Deuteranopia

E0E1CA

F7F8A6

CFD36F

BAC27B

87897F

Tritanopia

E7CCCC

FAB4B9

E17B7E

DD7A7A

907D7D

Achromatopsia

D7D7D7

E8E8E8

B3B3B3

979797

808080

Shades & Tints Shades & Tints

#E8D2C7

Dark

Light

#FAF285

Dark

Light

#E4AC55

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8d2c7;
  --color-2: #faf285;
  --color-3: #e4ac55;
  --color-4: #e3757e;
  --color-5: #917782;
}

SCSS

$color-1: #e8d2c7;
$color-2: #faf285;
$color-3: #e4ac55;
$color-4: #e3757e;
$color-5: #917782;

TAILWIND

colors: {
  'brand-1': '#e8d2c7',
  'brand-2': '#faf285',
  'brand-3': '#e4ac55',
  'brand-4': '#e3757e',
  'brand-5': '#917782',
}

RGB Array

[232, 210, 199], [250, 242, 133], [228, 172, 85], [227, 117, 126], [145, 119, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8D2C7, #FAF285, #E4AC55, #E3757E, #917782 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: #e8d2c7; --color-2: #faf285; --color-3: #e4ac55; --color-4: #e3757e; --color-5: #917782. 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