#E39AA5 + #DAA595 + #D6C3A2 + #AABFAC + #5E5D63 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E39AA5

Peach Pink · Tan · Coral Red

HEX

#E39AA5

RGB

rgb(227, 154, 165)

HSL

hsl(351, 57%, 75%)

HSB

hsb(351, 32%, 89%)

CMYK

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

Oklch

oklch(76.1% 0.088 9.5)

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

#DAA595

Peach Pink · Tan · Coral Red

HEX

#DAA595

RGB

rgb(218, 165, 149)

HSL

hsl(14, 48%, 72%)

HSB

hsb(14, 32%, 85%)

CMYK

cmyk(0%, 24%, 32%, 15%)

Oklch

oklch(76.7% 0.067 37.5)

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

#D6C3A2

Goose Yellow · Tan · Warm Sun

HEX

#D6C3A2

RGB

rgb(214, 195, 162)

HSL

hsl(38, 39%, 74%)

HSB

hsb(38, 24%, 84%)

CMYK

cmyk(0%, 9%, 24%, 16%)

Oklch

oklch(82.5% 0.049 81.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#AABFAC

Celadon · DarkGray · Apple Green

HEX

#AABFAC

RGB

rgb(170, 191, 172)

HSL

hsl(126, 14%, 71%)

HSB

hsb(126, 11%, 75%)

CMYK

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

Oklch

oklch(78.3% 0.035 147.9)

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

#5E5D63

Ink Gray · DimGray · Charcoal

HEX

#5E5D63

RGB

rgb(94, 93, 99)

HSL

hsl(250, 3%, 38%)

HSB

hsb(250, 6%, 39%)

CMYK

cmyk(5%, 6%, 0%, 61%)

Oklch

oklch(48.1% 0.010 293.7)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E39AA5

9BE4D9

Analogous

E49BCA

E39AA5

E4B49B

Triadic

E39AA5

A6E49B

9BA6E4

Split-Comp.

E39AA5

9BE4B4

9BCAE4

Tetradic

E39AA5

CAE49B

9BE4D9

B49BE4

Contrast Matrix WCAG 2.1 Contrast

E39AA5	DAA595	D6C3A2	AABFAC	5E5D63
—	1.0 Fail	1.3 Fail	1.1 Fail	2.9 Fail
1.0 Fail	—	1.2 Fail	1.1 Fail	3.0 AA Large
1.3 Fail	1.2 Fail	—	1.1 Fail	3.8 AA Large
1.1 Fail	1.1 Fail	1.1 Fail	—	3.3 AA Large
2.9 Fail	3.0 AA Large	3.8 AA Large	3.3 AA Large	—

White BG

2.2Fail

2.1Fail

1.7Fail

2.0Fail

6.5AA

Black BG

9.4AAA

9.8AAA

12.2AAA

10.8AAA

3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C3A2

C3C399

CECEAA

B3B3B1

5E5E62

Deuteranopia

C8CDA2

C6CA9A

CFD0AC

B2B0B2

5E5E61

Tritanopia

DFA0A0

D79C9D

D5B0B2

ABB4B5

5E6060

Achromatopsia

B1B1B1

B3B3B3

C5C5C5

B7B7B7

5E5E5E

Shades & Tints Shades & Tints

#E39AA5

Dark

Light

#DAA595

Dark

Light

#D6C3A2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e39aa5;
  --color-2: #daa595;
  --color-3: #d6c3a2;
  --color-4: #aabfac;
  --color-5: #5e5d63;
}

SCSS

$color-1: #e39aa5;
$color-2: #daa595;
$color-3: #d6c3a2;
$color-4: #aabfac;
$color-5: #5e5d63;

TAILWIND

colors: {
  'brand-1': '#e39aa5',
  'brand-2': '#daa595',
  'brand-3': '#d6c3a2',
  'brand-4': '#aabfac',
  'brand-5': '#5e5d63',
}

RGB Array

[227, 154, 165], [218, 165, 149], [214, 195, 162], [170, 191, 172], [94, 93, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E39AA5, #DAA595, #D6C3A2, #AABFAC, #5E5D63 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: #e39aa5; --color-2: #daa595; --color-3: #d6c3a2; --color-4: #aabfac; --color-5: #5e5d63. 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