← Back to Editor

#D6C5DF · #A8A7A2 · #A3C9B2 · #C3DEC8 · #DDF0E6

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D6C5DF

Lilac · LightGray · Lavender

HEX
#D6C5DF
RGB
rgb(214, 197, 223)
HSL
hsl(279, 29%, 82%)
HSB
hsb(279, 12%, 87%)
CMYK
cmyk(4%, 12%, 0%, 13%)
Oklch
oklch(84.5% 0.040 314.1)

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

#A8A7A2

Ash · DarkGray · Silver Sand

HEX
#A8A7A2
RGB
rgb(168, 167, 162)
HSL
hsl(50, 3%, 65%)
HSB
hsb(50, 4%, 66%)
CMYK
cmyk(0%, 1%, 4%, 34%)
Oklch
oklch(72.8% 0.007 97.4)

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

#A3C9B2

Celadon · Silver · Apple Green

HEX
#A3C9B2
RGB
rgb(163, 201, 178)
HSL
hsl(144, 26%, 71%)
HSB
hsb(144, 19%, 79%)
CMYK
cmyk(19%, 0%, 11%, 21%)
Oklch
oklch(80.2% 0.052 158.4)

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

#C3DEC8

Celadon · LightGray · Mint Green

HEX
#C3DEC8
RGB
rgb(195, 222, 200)
HSL
hsl(131, 29%, 82%)
HSB
hsb(131, 12%, 87%)
CMYK
cmyk(12%, 0%, 10%, 13%)
Oklch
oklch(87.5% 0.041 150.8)

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

#DDF0E6

Celadon · Lavender · Mint Green

HEX
#DDF0E6
RGB
rgb(221, 240, 230)
HSL
hsl(148, 39%, 90%)
HSB
hsb(148, 8%, 94%)
CMYK
cmyk(8%, 0%, 4%, 6%)
Oklch
oklch(93.8% 0.024 163.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6C5DF
CDDEC4

Analogous

C8C4DE
D6C5DF
DEC4DA

Triadic

D6C5DF
DED5C4
C4DED5

Split-Comp.

D6C5DF
DADEC4
C4DEC8

Tetradic

D6C5DF
DEC8C4
CDDEC4
C4DADE

Contrast Matrix WCAG 2.1 Contrast

D6C5DF
A8A7A2
A3C9B2
C3DEC8
DDF0E6
—
1.5
Fail
1.1
Fail
1.1
Fail
1.4
Fail
1.5
Fail
—
1.3
Fail
1.7
Fail
2.0
Fail
1.1
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
1.1
Fail
1.7
Fail
1.3
Fail
—
1.2
Fail
1.4
Fail
2.0
Fail
1.5
Fail
1.2
Fail
—
White BG
1.6Fail
2.4Fail
1.8Fail
1.4Fail
1.2Fail
Black BG
12.9AAA
8.7AAA
11.6AAA
14.6AAA
17.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCED9
A8A8A3
B3B4B8
CFCFCD
E5E5E8

Deuteranopia

D0D1D7
A8A8A4
B1AEB9
CDCBCF
E4E3E9

Tritanopia

D5D4D3
A8A4A4
A5BCBD
C4D2D2
DEEAEB

Achromatopsia

CDCDCD
A7A7A7
BBBBBB
D3D3D3
E9E9E9

Shades & Tints Shades & Tints

#D6C5DF

Dark
Light

#A8A7A2

Dark
Light

#A3C9B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6c5df;
  --color-2: #a8a7a2;
  --color-3: #a3c9b2;
  --color-4: #c3dec8;
  --color-5: #ddf0e6;
}

SCSS

$color-1: #d6c5df;
$color-2: #a8a7a2;
$color-3: #a3c9b2;
$color-4: #c3dec8;
$color-5: #ddf0e6;

TAILWIND

colors: {
  'brand-1': '#d6c5df',
  'brand-2': '#a8a7a2',
  'brand-3': '#a3c9b2',
  'brand-4': '#c3dec8',
  'brand-5': '#ddf0e6',
}

RGB Array

[214, 197, 223], [168, 167, 162], [163, 201, 178], [195, 222, 200], [221, 240, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6C5DF, #A8A7A2, #A3C9B2, #C3DEC8, #DDF0E6 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d6c5df; --color-2: #a8a7a2; --color-3: #a3c9b2; --color-4: #c3dec8; --color-5: #ddf0e6. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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