#EED3C2 + #E7B8AE + #A98283 + #B06F73 + #AC5464 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EED3C2

Apricot · Wheat · Peach Orange

HEX

#EED3C2

RGB

rgb(238, 211, 194)

HSL

hsl(23, 56%, 85%)

HSB

hsb(23, 18%, 93%)

CMYK

cmyk(0%, 11%, 18%, 7%)

Oklch

oklch(88.5% 0.038 54.3)

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

#E7B8AE

Peach Pink · LightPink · Coral Red

HEX

#E7B8AE

RGB

rgb(231, 184, 174)

HSL

hsl(11, 54%, 79%)

HSB

hsb(11, 25%, 91%)

CMYK

cmyk(0%, 20%, 25%, 9%)

Oklch

oklch(82.2% 0.057 32.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#A98283

Crimson · Gray · Passion Red

HEX

#A98283

RGB

rgb(169, 130, 131)

HSL

hsl(358, 18%, 59%)

HSB

hsb(358, 23%, 66%)

CMYK

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

Oklch

oklch(64.4% 0.048 16.8)

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

#B06F73

Crimson · Gray · Passion Red

HEX

#B06F73

RGB

rgb(176, 111, 115)

HSL

hsl(356, 29%, 56%)

HSB

hsb(356, 37%, 69%)

CMYK

cmyk(0%, 37%, 35%, 31%)

Oklch

oklch(61.2% 0.083 15.8)

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

#AC5464

Crimson · Sienna · Passion Red

HEX

#AC5464

RGB

rgb(172, 84, 100)

HSL

hsl(349, 35%, 50%)

HSB

hsb(349, 51%, 67%)

CMYK

cmyk(0%, 51%, 42%, 33%)

Oklch

oklch(55.8% 0.116 10.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EED3C2

C3DEEE

Analogous

EEC3C8

EED3C2

EEE9C3

Triadic

EED3C2

C3EED4

D4C3EE

Split-Comp.

EED3C2

C3EEE9

C3C8EE

Tetradic

EED3C2

C8EEC3

C3DEEE

E9C3EE

Contrast Matrix WCAG 2.1 Contrast

EED3C2	E7B8AE	A98283	B06F73	AC5464
—	1.2 Fail	2.4 Fail	2.7 Fail	3.5 AA Large
1.2 Fail	—	1.9 Fail	2.2 Fail	2.8 Fail
2.4 Fail	1.9 Fail	—	1.2 Fail	1.5 Fail
2.7 Fail	2.2 Fail	1.2 Fail	—	1.3 Fail
3.5 AA Large	2.8 Fail	1.5 Fail	1.3 Fail	—

White BG

1.4Fail

1.8Fail

3.4AA Large

3.9AA Large

5.0AA

Black BG

14.7AAA

11.9AAA

6.2AA

5.4AA

4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2C6

D3D2B0

989883

949372

868560

Deuteranopia

E4E6C7

D5D9B1

9A9D83

989D72

8B925F

Tritanopia

EDC9CA

E5B2B3

A78383

AD7171

A85D5C

Achromatopsia

D9D9D9

C5C5C5

8E8E8E

838383

707070

Shades & Tints Shades & Tints

#EED3C2

Dark

Light

#E7B8AE

Dark

Light

#A98283

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eed3c2;
  --color-2: #e7b8ae;
  --color-3: #a98283;
  --color-4: #b06f73;
  --color-5: #ac5464;
}

SCSS

$color-1: #eed3c2;
$color-2: #e7b8ae;
$color-3: #a98283;
$color-4: #b06f73;
$color-5: #ac5464;

TAILWIND

colors: {
  'brand-1': '#eed3c2',
  'brand-2': '#e7b8ae',
  'brand-3': '#a98283',
  'brand-4': '#b06f73',
  'brand-5': '#ac5464',
}

RGB Array

[238, 211, 194], [231, 184, 174], [169, 130, 131], [176, 111, 115], [172, 84, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EED3C2, #E7B8AE, #A98283, #B06F73, #AC5464 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: #eed3c2; --color-2: #e7b8ae; --color-3: #a98283; --color-4: #b06f73; --color-5: #ac5464. 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