#AE6982 + #BD8D95 + #CCB2A9 + #DCD8BE + #EAFCCE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AE6982

Dark Violet · Gray · Rose Pink

HEX

#AE6982

RGB

rgb(174, 105, 130)

HSL

hsl(338, 30%, 55%)

HSB

hsb(338, 40%, 68%)

CMYK

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

Oklch

oklch(60.4% 0.093 357.0)

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

#BD8D95

Peach Pink · DarkGray · Coral Red

HEX

#BD8D95

RGB

rgb(189, 141, 149)

HSL

hsl(350, 27%, 65%)

HSB

hsb(350, 25%, 74%)

CMYK

cmyk(0%, 25%, 21%, 26%)

Oklch

oklch(69.2% 0.059 7.6)

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

#CCB2A9

Apricot · Silver · Warm Sun

HEX

#CCB2A9

RGB

rgb(204, 178, 169)

HSL

hsl(15, 26%, 73%)

HSB

hsb(15, 17%, 80%)

CMYK

cmyk(0%, 13%, 17%, 20%)

Oklch

oklch(78.3% 0.033 40.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#DCD8BE

Fresh Green · LightGray · Lemon Cream

HEX

#DCD8BE

RGB

rgb(220, 216, 190)

HSL

hsl(52, 30%, 80%)

HSB

hsb(52, 14%, 86%)

CMYK

cmyk(0%, 2%, 14%, 14%)

Oklch

oklch(87.9% 0.035 99.9)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#EAFCCE

Willow Green · Beige · Mint Green

HEX

#EAFCCE

RGB

rgb(234, 252, 206)

HSL

hsl(83, 88%, 90%)

HSB

hsb(83, 18%, 99%)

CMYK

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

Oklch

oklch(96.6% 0.063 125.0)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AE6982

6AAF95

Analogous

AF6AA5

AE6982

AF736A

Triadic

AE6982

83AF6A

6A83AF

Split-Comp.

AE6982

6AAF73

6AA5AF

Tetradic

AE6982

A5AF6A

6AAF95

736AAF

Contrast Matrix WCAG 2.1 Contrast

AE6982	BD8D95	CCB2A9	DCD8BE	EAFCCE
—	1.4 Fail	2.0 Fail	2.8 Fail	3.8 AA Large
1.4 Fail	—	1.4 Fail	2.0 Fail	2.6 Fail
2.0 Fail	1.4 Fail	—	1.4 Fail	1.8 Fail
2.8 Fail	2.0 Fail	1.4 Fail	—	1.3 Fail
3.8 AA Large	2.6 Fail	1.8 Fail	1.3 Fail	—

White BG

4.1AA Large

2.8Fail

2.0Fail

1.4Fail

1.1Fail

Black BG

5.1AA

7.4AAA

10.5AAA

14.6AAA

19.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

90907C

A8A893

C1C1AB

DADAC4

F2F2D9

Deuteranopia

94997B

ABAF93

C2C4AC

DBDBC6

F1EFDC

Tritanopia

AB7776

BB9291

CBADAD

DCC9CA

EBE2E4

Achromatopsia

808080

9C9C9C

B9B9B9

D6D6D6

F1F1F1

Shades & Tints Shades & Tints

#AE6982

Dark

Light

#BD8D95

Dark

Light

#CCB2A9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ae6982;
  --color-2: #bd8d95;
  --color-3: #ccb2a9;
  --color-4: #dcd8be;
  --color-5: #eafcce;
}

SCSS

$color-1: #ae6982;
$color-2: #bd8d95;
$color-3: #ccb2a9;
$color-4: #dcd8be;
$color-5: #eafcce;

TAILWIND

colors: {
  'brand-1': '#ae6982',
  'brand-2': '#bd8d95',
  'brand-3': '#ccb2a9',
  'brand-4': '#dcd8be',
  'brand-5': '#eafcce',
}

RGB Array

[174, 105, 130], [189, 141, 149], [204, 178, 169], [220, 216, 190], [234, 252, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AE6982, #BD8D95, #CCB2A9, #DCD8BE, #EAFCCE 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: #ae6982; --color-2: #bd8d95; --color-3: #ccb2a9; --color-4: #dcd8be; --color-5: #eafcce. 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