#E2C3A7 + #F2B0B2 + #E9829D + #C78392 + #6B6571 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E2C3A7

Apricot · BurlyWood · Peach Orange

HEX

#E2C3A7

RGB

rgb(226, 195, 167)

HSL

hsl(28, 50%, 77%)

HSB

hsb(28, 26%, 89%)

CMYK

cmyk(0%, 14%, 26%, 11%)

Oklch

oklch(83.6% 0.052 64.1)

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

#F2B0B2

Peach Pink · LightPink · Cherry Blossom

HEX

#F2B0B2

RGB

rgb(242, 176, 178)

HSL

hsl(358, 72%, 82%)

HSB

hsb(358, 27%, 95%)

CMYK

cmyk(0%, 27%, 26%, 5%)

Oklch

oklch(81.9% 0.077 16.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#E9829D

Rouge · LightCoral · Rose Pink

HEX

#E9829D

RGB

rgb(233, 130, 157)

HSL

hsl(344, 70%, 71%)

HSB

hsb(344, 44%, 91%)

CMYK

cmyk(0%, 44%, 33%, 9%)

Oklch

oklch(72.6% 0.129 4.0)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#C78392

Peach Pink · LightCoral · Coral Red

HEX

#C78392

RGB

rgb(199, 131, 146)

HSL

hsl(347, 38%, 65%)

HSB

hsb(347, 34%, 78%)

CMYK

cmyk(0%, 34%, 27%, 22%)

Oklch

oklch(68.4% 0.086 5.2)

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

#6B6571

Ink Gray · DimGray · Warm Gray

HEX

#6B6571

RGB

rgb(107, 101, 113)

HSL

hsl(270, 6%, 42%)

HSB

hsb(270, 11%, 44%)

CMYK

cmyk(5%, 11%, 0%, 56%)

Oklch

oklch(51.6% 0.020 308.0)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2C3A7

A7C6E2

Analogous

E2A7A9

E2C3A7

E2E0A7

Triadic

E2C3A7

A7E2C2

C2A7E2

Split-Comp.

E2C3A7

A7E2E0

A7A9E2

Tetradic

E2C3A7

A9E2A7

A7C6E2

E0A7E2

Contrast Matrix WCAG 2.1 Contrast

E2C3A7	F2B0B2	E9829D	C78392	6B6571
—	1.1 Fail	1.5 Fail	1.8 Fail	3.4 AA Large
1.1 Fail	—	1.4 Fail	1.6 Fail	3.1 AA Large
1.5 Fail	1.4 Fail	—	1.1 Fail	2.2 Fail
1.8 Fail	1.6 Fail	1.1 Fail	—	1.9 Fail
3.4 AA Large	3.1 AA Large	2.2 Fail	1.9 Fail	—

White BG

1.7Fail

1.8Fail

2.6Fail

3.0Fail

5.6AA

Black BG

12.6AAA

11.6AAA

8.1AAA

7.1AAA

3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D4AE

D5D5B2

BCBB96

AAA98E

68686E

Deuteranopia

D6D9AF

D9DEB1

C2CA95

AEB38E

69696D

Tritanopia

E0B3B4

EFB1B1

E49190

C48C8B

6B6C6B

Achromatopsia

C9C9C9

C4C4C4

A4A4A4

999999

686868

Shades & Tints Shades & Tints

#E2C3A7

Dark

Light

#F2B0B2

Dark

Light

#E9829D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2c3a7;
  --color-2: #f2b0b2;
  --color-3: #e9829d;
  --color-4: #c78392;
  --color-5: #6b6571;
}

SCSS

$color-1: #e2c3a7;
$color-2: #f2b0b2;
$color-3: #e9829d;
$color-4: #c78392;
$color-5: #6b6571;

TAILWIND

colors: {
  'brand-1': '#e2c3a7',
  'brand-2': '#f2b0b2',
  'brand-3': '#e9829d',
  'brand-4': '#c78392',
  'brand-5': '#6b6571',
}

RGB Array

[226, 195, 167], [242, 176, 178], [233, 130, 157], [199, 131, 146], [107, 101, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2C3A7, #F2B0B2, #E9829D, #C78392, #6B6571 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: #e2c3a7; --color-2: #f2b0b2; --color-3: #e9829d; --color-4: #c78392; --color-5: #6b6571. 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