#E695AF + #F2AAA5 + #E7CBC9 + #DEE0DC + #F5E6E4 · skin - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E695AF

Rouge · LightPink · Rose Pink

HEX

#E695AF

RGB

rgb(230, 149, 175)

HSL

hsl(341, 62%, 74%)

HSB

hsb(341, 35%, 90%)

CMYK

cmyk(0%, 35%, 24%, 10%)

Oklch

oklch(75.9% 0.102 359.0)

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

#F2AAA5

Peach Pink · LightPink · Coral Red

HEX

#F2AAA5

RGB

rgb(242, 170, 165)

HSL

hsl(4, 75%, 80%)

HSB

hsb(4, 32%, 95%)

CMYK

cmyk(0%, 30%, 32%, 5%)

Oklch

oklch(80.5% 0.086 23.6)

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

#E7CBC9

Peach Pink · LightGray · Cherry Blossom

HEX

#E7CBC9

RGB

rgb(231, 203, 201)

HSL

hsl(4, 38%, 85%)

HSB

hsb(4, 13%, 91%)

CMYK

cmyk(0%, 12%, 13%, 9%)

Oklch

oklch(86.5% 0.032 22.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#DEE0DC

Plain White · LightGray · Cloud White

HEX

#DEE0DC

RGB

rgb(222, 224, 220)

HSL

hsl(90, 6%, 87%)

HSB

hsb(90, 2%, 88%)

CMYK

cmyk(1%, 0%, 2%, 12%)

Oklch

oklch(90.4% 0.006 128.5)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#F5E6E4

Peach Pink · Linen · Cherry Blossom

HEX

#F5E6E4

RGB

rgb(245, 230, 228)

HSL

hsl(7, 46%, 93%)

HSB

hsb(7, 7%, 96%)

CMYK

cmyk(0%, 6%, 7%, 4%)

Oklch

oklch(93.6% 0.017 26.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E695AF

94E6CC

Analogous

E694D7

E695AF

E6A394

Triadic

E695AF

AEE694

94AEE6

Split-Comp.

E695AF

94E6A3

94D7E6

Tetradic

E695AF

D7E694

94E6CC

A394E6

Contrast Matrix WCAG 2.1 Contrast

E695AF	F2AAA5	E7CBC9	DEE0DC	F5E6E4
—	1.2 Fail	1.5 Fail	1.7 Fail	1.9 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.6 Fail
1.5 Fail	1.2 Fail	—	1.1 Fail	1.3 Fail
1.7 Fail	1.4 Fail	1.1 Fail	—	1.1 Fail
1.9 Fail	1.6 Fail	1.3 Fail	1.1 Fail	—

White BG

2.3Fail

1.9Fail

1.5Fail

1.3Fail

1.2Fail

Black BG

9.3AAA

11.1AAA

13.8AAA

15.8AAA

17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C2A9

D3D2A6

DBDBC9

DFDFDD

EFEEE4

Deuteranopia

C8CEA7

D7DCA7

DDDFCA

DFDFDD

EFF1E5

Tritanopia

E2A4A3

EEA7A7

E6CACA

DEDEDE

F4E5E5

Achromatopsia

B0B0B0

BFBFBF

D3D3D3

DFDFDF

EAEAEA

Shades & Tints Shades & Tints

#E695AF

Dark

Light

#F2AAA5

Dark

Light

#E7CBC9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e695af;
  --color-2: #f2aaa5;
  --color-3: #e7cbc9;
  --color-4: #dee0dc;
  --color-5: #f5e6e4;
}

SCSS

$color-1: #e695af;
$color-2: #f2aaa5;
$color-3: #e7cbc9;
$color-4: #dee0dc;
$color-5: #f5e6e4;

TAILWIND

colors: {
  'brand-1': '#e695af',
  'brand-2': '#f2aaa5',
  'brand-3': '#e7cbc9',
  'brand-4': '#dee0dc',
  'brand-5': '#f5e6e4',
}

RGB Array

[230, 149, 175], [242, 170, 165], [231, 203, 201], [222, 224, 220], [245, 230, 228]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #E695AF, #F2AAA5, #E7CBC9, #DEE0DC, #F5E6E4 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: #e695af; --color-2: #f2aaa5; --color-3: #e7cbc9; --color-4: #dee0dc; --color-5: #f5e6e4. 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 skin-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