← Back to Editor

#A78C8B · #D3C7DA · #B8D9F7 · #DADBD4 · #E5DCD3

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A78C8B

Crimson · DarkGray · Passion Red

HEX
#A78C8B
RGB
rgb(167, 140, 139)
HSL
hsl(2, 14%, 60%)
HSB
hsb(2, 17%, 65%)
CMYK
cmyk(0%, 16%, 17%, 35%)
Oklch
oklch(66.4% 0.033 20.5)

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

#D3C7DA

Lilac · LightGray · Lavender

HEX
#D3C7DA
RGB
rgb(211, 199, 218)
HSL
hsl(278, 20%, 82%)
HSB
hsb(278, 9%, 85%)
CMYK
cmyk(3%, 9%, 0%, 15%)
Oklch
oklch(84.5% 0.029 313.3)

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

#B8D9F7

Sky Blue · LightBlue · Sky Blue

HEX
#B8D9F7
RGB
rgb(184, 217, 247)
HSL
hsl(209, 80%, 85%)
HSB
hsb(209, 26%, 97%)
CMYK
cmyk(26%, 12%, 0%, 3%)
Oklch
oklch(87.1% 0.055 245.9)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

#DADBD4

Fresh Green · LightGray · Pearl Gray

HEX
#DADBD4
RGB
rgb(218, 219, 212)
HSL
hsl(69, 9%, 85%)
HSB
hsb(69, 3%, 86%)
CMYK
cmyk(0%, 0%, 3%, 14%)
Oklch
oklch(88.9% 0.010 113.2)

Traditional「Fresh Green」· Paint「Pearl Gray」· Creative Silver Lining

#E5DCD3

Goose Yellow · LightGray · Peach Orange

HEX
#E5DCD3
RGB
rgb(229, 220, 211)
HSL
hsl(30, 26%, 86%)
HSB
hsb(30, 8%, 90%)
CMYK
cmyk(0%, 4%, 8%, 10%)
Oklch
oklch(89.9% 0.016 67.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A78C8B
8BA6A7

Analogous

A78B98
A78C8B
A79A8B

Triadic

A78C8B
8BA78C
8C8BA7

Split-Comp.

A78C8B
8BA79A
8B98A7

Tetradic

A78C8B
98A78B
8BA6A7
9A8BA7

Contrast Matrix WCAG 2.1 Contrast

A78C8B
D3C7DA
B8D9F7
DADBD4
E5DCD3
—
1.9
Fail
2.1
Fail
2.2
Fail
2.3
Fail
1.9
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
2.1
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
2.2
Fail
1.2
Fail
1.1
Fail
—
1.0
Fail
2.3
Fail
1.2
Fail
1.1
Fail
1.0
Fail
—
White BG
3.1AA Large
1.6Fail
1.5Fail
1.4Fail
1.4Fail
Black BG
6.8AA
13.0AAA
14.3AAA
15.1AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9B8B
CECED5
C6C7F0
DADAD6
E1E1D5

Deuteranopia

9D9F8B
CFCFD4
C4C2EE
DADAD6
E2E2D6

Tritanopia

A68B8B
D2D2D1
BAEAE9
DAD7D7
E5D7D7

Achromatopsia

949494
CDCDCD
D3D3D3
DADADA
DEDEDE

Shades & Tints Shades & Tints

#A78C8B

Dark
Light

#D3C7DA

Dark
Light

#B8D9F7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a78c8b;
  --color-2: #d3c7da;
  --color-3: #b8d9f7;
  --color-4: #dadbd4;
  --color-5: #e5dcd3;
}

SCSS

$color-1: #a78c8b;
$color-2: #d3c7da;
$color-3: #b8d9f7;
$color-4: #dadbd4;
$color-5: #e5dcd3;

TAILWIND

colors: {
  'brand-1': '#a78c8b',
  'brand-2': '#d3c7da',
  'brand-3': '#b8d9f7',
  'brand-4': '#dadbd4',
  'brand-5': '#e5dcd3',
}

RGB Array

[167, 140, 139], [211, 199, 218], [184, 217, 247], [218, 219, 212], [229, 220, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A78C8B, #D3C7DA, #B8D9F7, #DADBD4, #E5DCD3 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: #a78c8b; --color-2: #d3c7da; --color-3: #b8d9f7; --color-4: #dadbd4; --color-5: #e5dcd3. 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