#A6C4BE + #D1C5AC + #E5B5A6 + #F39C9F + #E0889B · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#A6C4BE

Jade · Silver · Lake Green

HEX

#A6C4BE

RGB

rgb(166, 196, 190)

HSL

hsl(168, 20%, 71%)

HSB

hsb(168, 15%, 77%)

CMYK

cmyk(15%, 0%, 3%, 23%)

Oklch

oklch(79.6% 0.033 182.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#D1C5AC

Goose Yellow · Silver · Sunflower

HEX

#D1C5AC

RGB

rgb(209, 197, 172)

HSL

hsl(41, 29%, 75%)

HSB

hsb(41, 18%, 82%)

CMYK

cmyk(0%, 6%, 18%, 18%)

Oklch

oklch(82.7% 0.036 85.4)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#E5B5A6

Peach Pink · BurlyWood · Coral Red

HEX

#E5B5A6

RGB

rgb(229, 181, 166)

HSL

hsl(14, 55%, 77%)

HSB

hsb(14, 28%, 90%)

CMYK

cmyk(0%, 21%, 28%, 10%)

Oklch

oklch(81.2% 0.060 38.1)

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

#F39C9F

Peach Pink · DarkSalmon · Coral Red

HEX

#F39C9F

RGB

rgb(243, 156, 159)

HSL

hsl(358, 78%, 78%)

HSB

hsb(358, 36%, 95%)

CMYK

cmyk(0%, 36%, 35%, 5%)

Oklch

oklch(78.1% 0.104 17.5)

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

#E0889B

Peach Pink · LightCoral · Coral Red

HEX

#E0889B

RGB

rgb(224, 136, 155)

HSL

hsl(347, 59%, 71%)

HSB

hsb(347, 39%, 88%)

CMYK

cmyk(0%, 39%, 31%, 12%)

Oklch

oklch(72.4% 0.109 6.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6C4BE

C4A6AC

Analogous

A6C4AF

A6C4BE

A6BBC4

Triadic

A6C4BE

BEA6C4

C4BEA6

Split-Comp.

A6C4BE

C4A6BB

C4AFA6

Tetradic

A6C4BE

AFA6C4

C4A6AC

BBC4A6

Contrast Matrix WCAG 2.1 Contrast

A6C4BE	D1C5AC	E5B5A6	F39C9F	E0889B
—	1.1 Fail	1.0 Fail	1.1 Fail	1.4 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.5 Fail
1.0 Fail	1.1 Fail	—	1.1 Fail	1.4 Fail
1.1 Fail	1.2 Fail	1.1 Fail	—	1.2 Fail
1.4 Fail	1.5 Fail	1.4 Fail	1.2 Fail	—

White BG

1.9Fail

1.7Fail

1.8Fail

2.1Fail

2.6Fail

Black BG

11.3AAA

12.3AAA

11.5AAA

10.1AAA

8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B3BF

CCCCB2

D0D0AA

CDCD9E

BAB996

Deuteranopia

B1AFC0

CDCDB4

D3D7AB

D2D99E

BFC695

Tritanopia

A8C1C1

D0B7B8

E3ACAD

EF9E9E

DC9392

Achromatopsia

BABABA

C6C6C6

C2C2C2

B6B6B6

A4A4A4

Shades & Tints Shades & Tints

#A6C4BE

Dark

Light

#D1C5AC

Dark

Light

#E5B5A6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6c4be;
  --color-2: #d1c5ac;
  --color-3: #e5b5a6;
  --color-4: #f39c9f;
  --color-5: #e0889b;
}

SCSS

$color-1: #a6c4be;
$color-2: #d1c5ac;
$color-3: #e5b5a6;
$color-4: #f39c9f;
$color-5: #e0889b;

TAILWIND

colors: {
  'brand-1': '#a6c4be',
  'brand-2': '#d1c5ac',
  'brand-3': '#e5b5a6',
  'brand-4': '#f39c9f',
  'brand-5': '#e0889b',
}

RGB Array

[166, 196, 190], [209, 197, 172], [229, 181, 166], [243, 156, 159], [224, 136, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #A6C4BE, #D1C5AC, #E5B5A6, #F39C9F, #E0889B 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: #a6c4be; --color-2: #d1c5ac; --color-3: #e5b5a6; --color-4: #f39c9f; --color-5: #e0889b. 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 pastel-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