#AD8287 + #D9A27C + #FF7782 + #EBC5AB + #D9D5B2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AD8287

Crimson · Gray · Passion Red

HEX

#AD8287

RGB

rgb(173, 130, 135)

HSL

hsl(353, 21%, 59%)

HSB

hsb(353, 25%, 68%)

CMYK

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

Oklch

oklch(65.0% 0.053 10.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#D9A27C

Apricot · DarkSalmon · Warm Sun

HEX

#D9A27C

RGB

rgb(217, 162, 124)

HSL

hsl(25, 55%, 67%)

HSB

hsb(25, 43%, 85%)

CMYK

cmyk(0%, 25%, 43%, 15%)

Oklch

oklch(75.5% 0.083 55.7)

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

#FF7782

Peach Pink · LightCoral · Coral Red

HEX

#FF7782

RGB

rgb(255, 119, 130)

HSL

hsl(355, 100%, 73%)

HSB

hsb(355, 53%, 100%)

CMYK

cmyk(0%, 53%, 49%, 0%)

Oklch

oklch(73.2% 0.166 17.1)

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

#EBC5AB

Apricot · Wheat · Peach Orange

HEX

#EBC5AB

RGB

rgb(235, 197, 171)

HSL

hsl(24, 62%, 80%)

HSB

hsb(24, 27%, 92%)

CMYK

cmyk(0%, 16%, 27%, 8%)

Oklch

oklch(85.0% 0.056 56.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#D9D5B2

Fresh Green · Wheat · Lemon Cream

HEX

#D9D5B2

RGB

rgb(217, 213, 178)

HSL

hsl(54, 34%, 77%)

HSB

hsb(54, 18%, 85%)

CMYK

cmyk(0%, 2%, 18%, 15%)

Oklch

oklch(86.7% 0.047 101.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AD8287

80ACA7

Analogous

AC809C

AD8287

AC9180

Triadic

AD8287

86AC80

8086AC

Split-Comp.

AD8287

80AC91

809CAC

Tetradic

AD8287

9CAC80

80ACA7

9180AC

Contrast Matrix WCAG 2.1 Contrast

AD8287	D9A27C	FF7782	EBC5AB	D9D5B2
—	1.5 Fail	1.3 Fail	2.1 Fail	2.2 Fail
1.5 Fail	—	1.1 Fail	1.4 Fail	1.5 Fail
1.3 Fail	1.1 Fail	—	1.6 Fail	1.7 Fail
2.1 Fail	1.4 Fail	1.6 Fail	—	1.1 Fail
2.2 Fail	1.5 Fail	1.7 Fail	1.1 Fail	—

White BG

3.3AA Large

2.2Fail

2.6Fail

1.6Fail

1.5Fail

Black BG

6.3AA

9.4AAA

8.2AAA

13.1AAA

14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9A86

C1C185

C4C37F

DBDAB1

D7D7BA

Deuteranopia

9DA086

C4C887

CCD67F

DDE0B3

D8D8BD

Tritanopia

AB8585

D68C8E

F87D7D

E9B6B7

D9C1C3

Achromatopsia

8F8F8F

AEAEAE

A1A1A1

CDCDCD

D2D2D2

Shades & Tints Shades & Tints

#AD8287

Dark

Light

#D9A27C

Dark

Light

#FF7782

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ad8287;
  --color-2: #d9a27c;
  --color-3: #ff7782;
  --color-4: #ebc5ab;
  --color-5: #d9d5b2;
}

SCSS

$color-1: #ad8287;
$color-2: #d9a27c;
$color-3: #ff7782;
$color-4: #ebc5ab;
$color-5: #d9d5b2;

TAILWIND

colors: {
  'brand-1': '#ad8287',
  'brand-2': '#d9a27c',
  'brand-3': '#ff7782',
  'brand-4': '#ebc5ab',
  'brand-5': '#d9d5b2',
}

RGB Array

[173, 130, 135], [217, 162, 124], [255, 119, 130], [235, 197, 171], [217, 213, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AD8287, #D9A27C, #FF7782, #EBC5AB, #D9D5B2 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: #ad8287; --color-2: #d9a27c; --color-3: #ff7782; --color-4: #ebc5ab; --color-5: #d9d5b2. 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