#D0A5BA + #F4D3CE + #FFEEE6 + #AFD0D1 + #928A9E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D0A5BA

Rouge · Silver · Rose Pink

HEX

#D0A5BA

RGB

rgb(208, 165, 186)

HSL

hsl(331, 31%, 73%)

HSB

hsb(331, 21%, 82%)

CMYK

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

Oklch

oklch(76.7% 0.058 347.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#F4D3CE

Peach Pink · Pink · Cherry Blossom

HEX

#F4D3CE

RGB

rgb(244, 211, 206)

HSL

hsl(8, 63%, 88%)

HSB

hsb(8, 16%, 96%)

CMYK

cmyk(0%, 14%, 16%, 4%)

Oklch

oklch(89.3% 0.038 28.1)

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

#FFEEE6

Apricot · Linen · Peach Orange

HEX

#FFEEE6

RGB

rgb(255, 238, 230)

HSL

hsl(19, 100%, 95%)

HSB

hsb(19, 10%, 100%)

CMYK

cmyk(0%, 7%, 10%, 0%)

Oklch

oklch(96.0% 0.021 47.0)

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

#AFD0D1

Sky Blue · LightSteelBlue · Lake Green

HEX

#AFD0D1

RGB

rgb(175, 208, 209)

HSL

hsl(182, 27%, 75%)

HSB

hsb(182, 16%, 82%)

CMYK

cmyk(16%, 0%, 0%, 18%)

Oklch

oklch(83.4% 0.035 198.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#928A9E

Deep Indigo · LightSlateGray · Silver Sand

HEX

#928A9E

RGB

rgb(146, 138, 158)

HSL

hsl(264, 9%, 58%)

HSB

hsb(264, 13%, 62%)

CMYK

cmyk(8%, 13%, 0%, 38%)

Oklch

oklch(64.7% 0.031 303.7)

Traditional「Deep Indigo」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0A5BA

A5CFBB

Analogous

CFA5CF

D0A5BA

CFA6A5

Triadic

D0A5BA

B9CFA5

A5B9CF

Split-Comp.

D0A5BA

A5CFA6

A5CFCF

Tetradic

D0A5BA

CFCFA5

A5CFBB

A6A5CF

Contrast Matrix WCAG 2.1 Contrast

D0A5BA	F4D3CE	FFEEE6	AFD0D1	928A9E
—	1.5 Fail	1.9 Fail	1.3 Fail	1.5 Fail
1.5 Fail	—	1.2 Fail	1.2 Fail	2.4 Fail
1.9 Fail	1.2 Fail	—	1.5 Fail	2.9 Fail
1.3 Fail	1.2 Fail	1.5 Fail	—	2.0 Fail
1.5 Fail	2.4 Fail	2.9 Fail	2.0 Fail	—

White BG

2.1Fail

1.4Fail

1.1Fail

1.6Fail

3.3AA Large

Black BG

9.8AAA

15.1AAA

18.6AAA

12.8AAA

6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBDB5

E6E5CF

F8F7E8

BDBED1

8F8E99

Deuteranopia

C0C3B4

E8EAD0

F9FAE8

BBB9D1

8F9098

Tritanopia

CEB1B0

F2D0D0

FEE9EA

B1D1D1

929595

Achromatopsia

B4B4B4

DCDCDC

F2F2F2

C6C6C6

8F8F8F

Shades & Tints Shades & Tints

#D0A5BA

Dark

Light

#F4D3CE

Dark

Light

#FFEEE6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0a5ba;
  --color-2: #f4d3ce;
  --color-3: #ffeee6;
  --color-4: #afd0d1;
  --color-5: #928a9e;
}

SCSS

$color-1: #d0a5ba;
$color-2: #f4d3ce;
$color-3: #ffeee6;
$color-4: #afd0d1;
$color-5: #928a9e;

TAILWIND

colors: {
  'brand-1': '#d0a5ba',
  'brand-2': '#f4d3ce',
  'brand-3': '#ffeee6',
  'brand-4': '#afd0d1',
  'brand-5': '#928a9e',
}

RGB Array

[208, 165, 186], [244, 211, 206], [255, 238, 230], [175, 208, 209], [146, 138, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0A5BA, #F4D3CE, #FFEEE6, #AFD0D1, #928A9E 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: #d0a5ba; --color-2: #f4d3ce; --color-3: #ffeee6; --color-4: #afd0d1; --color-5: #928a9e. 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