#A85A72 + #EA7587 + #DE9884 + #C6C39B + #ADD8C2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A85A72

Dark Violet · Gray · Rose Pink

HEX

#A85A72

RGB

rgb(168, 90, 114)

HSL

hsl(342, 31%, 51%)

HSB

hsb(342, 46%, 66%)

CMYK

cmyk(0%, 46%, 32%, 34%)

Oklch

oklch(56.6% 0.105 1.4)

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

#EA7587

Peach Pink · LightCoral · Coral Red

HEX

#EA7587

RGB

rgb(234, 117, 135)

HSL

hsl(351, 74%, 69%)

HSB

hsb(351, 50%, 92%)

CMYK

cmyk(0%, 50%, 42%, 8%)

Oklch

oklch(70.2% 0.145 11.9)

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

#DE9884

Peach Pink · DarkSalmon · Coral Red

HEX

#DE9884

RGB

rgb(222, 152, 132)

HSL

hsl(13, 58%, 69%)

HSB

hsb(13, 41%, 87%)

CMYK

cmyk(0%, 32%, 41%, 13%)

Oklch

oklch(74.4% 0.090 36.6)

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

#C6C39B

Fresh Green · Tan · Sunflower

HEX

#C6C39B

RGB

rgb(198, 195, 155)

HSL

hsl(56, 27%, 69%)

HSB

hsb(56, 22%, 78%)

CMYK

cmyk(0%, 2%, 22%, 22%)

Oklch

oklch(80.9% 0.054 104.0)

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

#ADD8C2

Celadon · Silver · Apple Green

HEX

#ADD8C2

RGB

rgb(173, 216, 194)

HSL

hsl(149, 36%, 76%)

HSB

hsb(149, 20%, 85%)

CMYK

cmyk(20%, 0%, 10%, 15%)

Oklch

oklch(84.5% 0.054 162.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A85A72

5BA992

Analogous

A95B99

A85A72

A96B5B

Triadic

A85A72

73A95B

5B73A9

Split-Comp.

A85A72

5BA96B

5B99A9

Tetradic

A85A72

99A95B

5BA992

6B5BA9

Contrast Matrix WCAG 2.1 Contrast

A85A72	EA7587	DE9884	C6C39B	ADD8C2
—	1.7 Fail	2.0 Fail	2.7 Fail	3.1 AA Large
1.7 Fail	—	1.2 Fail	1.6 Fail	1.8 Fail
2.0 Fail	1.2 Fail	—	1.3 Fail	1.5 Fail
2.7 Fail	1.6 Fail	1.3 Fail	—	1.1 Fail
3.1 AA Large	1.8 Fail	1.5 Fail	1.1 Fail	—

White BG

4.8AA

2.8Fail

2.4Fail

1.8Fail

1.6Fail

Black BG

4.4AA Large

7.4AAA

8.9AAA

11.7AAA

13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

86866C

B7B683

C0BF89

C5C5A5

C0C0C7

Deuteranopia

8B916B

BEC782

C4C98A

C5C5A7

BDBAC9

Tritanopia

A46867

E47F7E

DA8D8E

C6ACAE

AFCCCC

Achromatopsia

747474

9A9A9A

ABABAB

BFBFBF

C9C9C9

Shades & Tints Shades & Tints

#A85A72

Dark

Light

#EA7587

Dark

Light

#DE9884

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a85a72;
  --color-2: #ea7587;
  --color-3: #de9884;
  --color-4: #c6c39b;
  --color-5: #add8c2;
}

SCSS

$color-1: #a85a72;
$color-2: #ea7587;
$color-3: #de9884;
$color-4: #c6c39b;
$color-5: #add8c2;

TAILWIND

colors: {
  'brand-1': '#a85a72',
  'brand-2': '#ea7587',
  'brand-3': '#de9884',
  'brand-4': '#c6c39b',
  'brand-5': '#add8c2',
}

RGB Array

[168, 90, 114], [234, 117, 135], [222, 152, 132], [198, 195, 155], [173, 216, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A85A72, #EA7587, #DE9884, #C6C39B, #ADD8C2 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: #a85a72; --color-2: #ea7587; --color-3: #de9884; --color-4: #c6c39b; --color-5: #add8c2. 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