#D0A5A0 + #D9B8B2 + #E2CAC4 + #F8E5C7 + #A0AEAB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D0A5A0

Peach Pink · Tan · Coral Red

HEX

#D0A5A0

RGB

rgb(208, 165, 160)

HSL

hsl(6, 34%, 72%)

HSB

hsb(6, 23%, 82%)

CMYK

cmyk(0%, 21%, 23%, 18%)

Oklch

oklch(76.0% 0.052 26.0)

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

#D9B8B2

Peach Pink · Silver · Coral Red

HEX

#D9B8B2

RGB

rgb(217, 184, 178)

HSL

hsl(9, 34%, 77%)

HSB

hsb(9, 18%, 85%)

CMYK

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

Oklch

oklch(81.0% 0.039 30.1)

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

#E2CAC4

Peach Pink · LightGray · Cherry Blossom

HEX

#E2CAC4

RGB

rgb(226, 202, 196)

HSL

hsl(12, 34%, 83%)

HSB

hsb(12, 13%, 89%)

CMYK

cmyk(0%, 11%, 13%, 11%)

Oklch

oklch(85.7% 0.028 34.3)

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

#F8E5C7

Goose Yellow · Bisque · Peach Orange

HEX

#F8E5C7

RGB

rgb(248, 229, 199)

HSL

hsl(37, 78%, 88%)

HSB

hsb(37, 20%, 97%)

CMYK

cmyk(0%, 8%, 20%, 3%)

Oklch

oklch(93.0% 0.045 79.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#A0AEAB

Jade · DarkGray · Silver Sand

HEX

#A0AEAB

RGB

rgb(160, 174, 171)

HSL

hsl(167, 8%, 65%)

HSB

hsb(167, 8%, 68%)

CMYK

cmyk(8%, 0%, 2%, 32%)

Oklch

oklch(73.9% 0.016 181.6)

Traditional「Jade」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0A5A0

9FCBD0

Analogous

D09FB3

D0A5A0

D0BC9F

Triadic

D0A5A0

9FD0A4

A49FD0

Split-Comp.

D0A5A0

9FD0BC

9FB3D0

Tetradic

D0A5A0

B3D09F

9FCBD0

BC9FD0

Contrast Matrix WCAG 2.1 Contrast

D0A5A0	D9B8B2	E2CAC4	F8E5C7	A0AEAB
—	1.2 Fail	1.4 Fail	1.8 Fail	1.0 Fail
1.2 Fail	—	1.2 Fail	1.5 Fail	1.3 Fail
1.4 Fail	1.2 Fail	—	1.3 Fail	1.5 Fail
1.8 Fail	1.5 Fail	1.3 Fail	—	1.9 Fail
1.0 Fail	1.3 Fail	1.5 Fail	1.9 Fail	—

White BG

2.2Fail

1.8Fail

1.6Fail

1.2Fail

2.3Fail

Black BG

9.6AAA

11.4AAA

13.5AAA

17.0AAA

9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBDA1

CBCAB3

D8D7C5

F0F0CE

A6A6AC

Deuteranopia

C0C3A2

CDCFB4

D9DBC6

F1F2D0

A5A4AC

Tritanopia

CEA2A2

D7B5B5

E1C7C7

F7D4D5

A1ACAC

Achromatopsia

B1B1B1

C1C1C1

D0D0D0

E7E7E7

A9A9A9

Shades & Tints Shades & Tints

#D0A5A0

Dark

Light

#D9B8B2

Dark

Light

#E2CAC4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0a5a0;
  --color-2: #d9b8b2;
  --color-3: #e2cac4;
  --color-4: #f8e5c7;
  --color-5: #a0aeab;
}

SCSS

$color-1: #d0a5a0;
$color-2: #d9b8b2;
$color-3: #e2cac4;
$color-4: #f8e5c7;
$color-5: #a0aeab;

TAILWIND

colors: {
  'brand-1': '#d0a5a0',
  'brand-2': '#d9b8b2',
  'brand-3': '#e2cac4',
  'brand-4': '#f8e5c7',
  'brand-5': '#a0aeab',
}

RGB Array

[208, 165, 160], [217, 184, 178], [226, 202, 196], [248, 229, 199], [160, 174, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0A5A0, #D9B8B2, #E2CAC4, #F8E5C7, #A0AEAB 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: #d0a5a0; --color-2: #d9b8b2; --color-3: #e2cac4; --color-4: #f8e5c7; --color-5: #a0aeab. 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