#FFAAA6 + #EEADAA + #CE989E + #AE8291 + #8E6D85 · muted - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFAAA6

Peach Pink · LightPink · Cherry Blossom

HEX

#FFAAA6

RGB

rgb(255, 170, 166)

HSL

hsl(3, 100%, 83%)

HSB

hsb(3, 35%, 100%)

CMYK

cmyk(0%, 33%, 35%, 0%)

Oklch

oklch(82.0% 0.101 22.5)

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

#EEADAA

Peach Pink · LightPink · Coral Red

HEX

#EEADAA

RGB

rgb(238, 173, 170)

HSL

hsl(3, 67%, 80%)

HSB

hsb(3, 29%, 93%)

CMYK

cmyk(0%, 27%, 29%, 7%)

Oklch

oklch(80.8% 0.077 21.9)

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

#CE989E

Peach Pink · Tan · Coral Red

HEX

#CE989E

RGB

rgb(206, 152, 158)

HSL

hsl(353, 36%, 70%)

HSB

hsb(353, 26%, 81%)

CMYK

cmyk(0%, 26%, 23%, 19%)

Oklch

oklch(73.3% 0.065 11.4)

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

#AE8291

Dark Violet · DarkGray · Rose Pink

HEX

#AE8291

RGB

rgb(174, 130, 145)

HSL

hsl(340, 21%, 60%)

HSB

hsb(340, 25%, 68%)

CMYK

cmyk(0%, 25%, 17%, 32%)

Oklch

oklch(65.4% 0.058 356.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#8E6D85

Rose Purple · Gray · Violet

HEX

#8E6D85

RGB

rgb(142, 109, 133)

HSL

hsl(316, 13%, 49%)

HSB

hsb(316, 23%, 56%)

CMYK

cmyk(0%, 23%, 6%, 44%)

Oklch

oklch(57.5% 0.054 336.3)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFAAA6

A8FBFF

Analogous

FFA8CF

FFAAA6

FFD8A8

Triadic

FFAAA6

A8FFAD

ADA8FF

Split-Comp.

FFAAA6

A8FFD8

A8CFFF

Tetradic

FFAAA6

CFFFA8

A8FBFF

D8A8FF

Contrast Matrix WCAG 2.1 Contrast

FFAAA6	EEADAA	CE989E	AE8291	8E6D85
—	1.0 Fail	1.3 Fail	1.8 Fail	2.5 Fail
1.0 Fail	—	1.3 Fail	1.7 Fail	2.4 Fail
1.3 Fail	1.3 Fail	—	1.3 Fail	1.8 Fail
1.8 Fail	1.7 Fail	1.3 Fail	—	1.4 Fail
2.5 Fail	2.4 Fail	1.8 Fail	1.4 Fail	—

White BG

1.8Fail

1.9Fail

2.4Fail

3.3AA Large

4.5AA Large

Black BG

11.6AAA

11.2AAA

8.6AAA

6.4AA

4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DAD9A7

D2D1AB

B7B69D

9B9B8D

807F7F

Deuteranopia

DFE6A7

D6DBAB

BABE9C

9EA18D

82847E

Tritanopia

FBA8A8

EBABAB

CB9B9B

AC8B8A

8C7B7A

Achromatopsia

C3C3C3

C0C0C0

A9A9A9

919191

7A7A7A

Shades & Tints Shades & Tints

#FFAAA6

Dark

Light

#EEADAA

Dark

Light

#CE989E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffaaa6;
  --color-2: #eeadaa;
  --color-3: #ce989e;
  --color-4: #ae8291;
  --color-5: #8e6d85;
}

SCSS

$color-1: #ffaaa6;
$color-2: #eeadaa;
$color-3: #ce989e;
$color-4: #ae8291;
$color-5: #8e6d85;

TAILWIND

colors: {
  'brand-1': '#ffaaa6',
  'brand-2': '#eeadaa',
  'brand-3': '#ce989e',
  'brand-4': '#ae8291',
  'brand-5': '#8e6d85',
}

RGB Array

[255, 170, 166], [238, 173, 170], [206, 152, 158], [174, 130, 145], [142, 109, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #FFAAA6, #EEADAA, #CE989E, #AE8291, #8E6D85 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: #ffaaa6; --color-2: #eeadaa; --color-3: #ce989e; --color-4: #ae8291; --color-5: #8e6d85. 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 muted-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