#AD9BBD + #C0B0BF + #D2C5C0 + #E4DAC2 + #F6EFC3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AD9BBD

Lilac · DarkGray · Lilac Purple

HEX

#AD9BBD

RGB

rgb(173, 155, 189)

HSL

hsl(272, 20%, 67%)

HSB

hsb(272, 18%, 74%)

CMYK

cmyk(8%, 18%, 0%, 26%)

Oklch

oklch(71.6% 0.053 308.9)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#C0B0BF

Mauve · Silver · Lilac Purple

HEX

#C0B0BF

RGB

rgb(192, 176, 191)

HSL

hsl(304, 11%, 72%)

HSB

hsb(304, 8%, 75%)

CMYK

cmyk(0%, 8%, 1%, 25%)

Oklch

oklch(77.5% 0.028 327.8)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#D2C5C0

Apricot · Silver · Peach Orange

HEX

#D2C5C0

RGB

rgb(210, 197, 192)

HSL

hsl(17, 17%, 79%)

HSB

hsb(17, 9%, 82%)

CMYK

cmyk(0%, 6%, 9%, 18%)

Oklch

oklch(83.3% 0.016 42.4)

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

#E4DAC2

Goose Yellow · Wheat · Lemon Cream

HEX

#E4DAC2

RGB

rgb(228, 218, 194)

HSL

hsl(42, 39%, 83%)

HSB

hsb(42, 15%, 89%)

CMYK

cmyk(0%, 4%, 15%, 11%)

Oklch

oklch(89.0% 0.034 88.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F6EFC3

Fresh Green · Bisque · Lemon Cream

HEX

#F6EFC3

RGB

rgb(246, 239, 195)

HSL

hsl(52, 74%, 86%)

HSB

hsb(52, 21%, 96%)

CMYK

cmyk(0%, 3%, 21%, 4%)

Oklch

oklch(94.7% 0.058 99.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AD9BBD

AABC9A

Analogous

9B9ABC

AD9BBD

BC9ABB

Triadic

AD9BBD

BCAC9A

9ABCAC

Split-Comp.

AD9BBD

BBBC9A

9ABC9B

Tetradic

AD9BBD

BC9B9A

AABC9A

9ABBBC

Contrast Matrix WCAG 2.1 Contrast

AD9BBD	C0B0BF	D2C5C0	E4DAC2	F6EFC3
—	1.2 Fail	1.5 Fail	1.8 Fail	2.2 Fail
1.2 Fail	—	1.2 Fail	1.5 Fail	1.8 Fail
1.5 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.8 Fail	1.5 Fail	1.2 Fail	—	1.2 Fail
2.2 Fail	1.8 Fail	1.4 Fail	1.2 Fail	—

White BG

2.6Fail

2.1Fail

1.7Fail

1.4Fail

1.2Fail

Black BG

8.2AAA

10.2AAA

12.5AAA

15.1AAA

18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A5B5

B9B9BB

CCCCC1

E0E0C8

F3F3CE

Deuteranopia

A6A8B3

BABBBB

CDCEC1

E0E1C9

F3F4D0

Tritanopia

ACAEAD

BFB9B8

D1C2C2

E4CCCD

F6D6D8

Achromatopsia

A4A4A4

B6B6B6

C8C8C8

DADADA

ECECEC

Shades & Tints Shades & Tints

#AD9BBD

Dark

Light

#C0B0BF

Dark

Light

#D2C5C0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ad9bbd;
  --color-2: #c0b0bf;
  --color-3: #d2c5c0;
  --color-4: #e4dac2;
  --color-5: #f6efc3;
}

SCSS

$color-1: #ad9bbd;
$color-2: #c0b0bf;
$color-3: #d2c5c0;
$color-4: #e4dac2;
$color-5: #f6efc3;

TAILWIND

colors: {
  'brand-1': '#ad9bbd',
  'brand-2': '#c0b0bf',
  'brand-3': '#d2c5c0',
  'brand-4': '#e4dac2',
  'brand-5': '#f6efc3',
}

RGB Array

[173, 155, 189], [192, 176, 191], [210, 197, 192], [228, 218, 194], [246, 239, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AD9BBD, #C0B0BF, #D2C5C0, #E4DAC2, #F6EFC3 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: #ad9bbd; --color-2: #c0b0bf; --color-3: #d2c5c0; --color-4: #e4dac2; --color-5: #f6efc3. 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