#D2D6C4 + #E7C9AE + #E1B2A8 + #CC8FA9 + #A793A7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D2D6C4

Willow Green · LightGray · Apple Green

HEX

#D2D6C4

RGB

rgb(210, 214, 196)

HSL

hsl(73, 18%, 80%)

HSB

hsb(73, 8%, 84%)

CMYK

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

Oklch

oklch(86.8% 0.025 117.1)

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

#E7C9AE

Apricot · Wheat · Peach Orange

HEX

#E7C9AE

RGB

rgb(231, 201, 174)

HSL

hsl(28, 54%, 79%)

HSB

hsb(28, 25%, 91%)

CMYK

cmyk(0%, 13%, 25%, 9%)

Oklch

oklch(85.4% 0.050 64.1)

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

#E1B2A8

Peach Pink · Tan · Coral Red

HEX

#E1B2A8

RGB

rgb(225, 178, 168)

HSL

hsl(11, 49%, 77%)

HSB

hsb(11, 25%, 88%)

CMYK

cmyk(0%, 21%, 25%, 12%)

Oklch

oklch(80.3% 0.057 32.1)

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

#CC8FA9

Rouge · DarkGray · Rose Pink

HEX

#CC8FA9

RGB

rgb(204, 143, 169)

HSL

hsl(334, 37%, 68%)

HSB

hsb(334, 30%, 80%)

CMYK

cmyk(0%, 30%, 17%, 20%)

Oklch

oklch(71.8% 0.081 352.1)

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

#A793A7

Mauve · DarkGray · Lilac Purple

HEX

#A793A7

RGB

rgb(167, 147, 167)

HSL

hsl(300, 10%, 62%)

HSB

hsb(300, 12%, 65%)

CMYK

cmyk(0%, 12%, 0%, 35%)

Oklch

oklch(68.7% 0.037 326.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2D6C4

C7C3D5

Analogous

D5D0C3

D2D6C4

C8D5C3

Triadic

D2D6C4

C3D1D5

D5C3D1

Split-Comp.

D2D6C4

C3C8D5

D0C3D5

Tetradic

D2D6C4

C3D5D0

C7C3D5

D5C3C8

Contrast Matrix WCAG 2.1 Contrast

D2D6C4	E7C9AE	E1B2A8	CC8FA9	A793A7
—	1.1 Fail	1.3 Fail	1.8 Fail	1.9 Fail
1.1 Fail	—	1.2 Fail	1.7 Fail	1.8 Fail
1.3 Fail	1.2 Fail	—	1.4 Fail	1.5 Fail
1.8 Fail	1.7 Fail	1.4 Fail	—	1.1 Fail
1.9 Fail	1.8 Fail	1.5 Fail	1.1 Fail	—

White BG

1.5Fail

1.6Fail

1.9Fail

2.6Fail

2.8Fail

Black BG

14.2AAA

13.4AAA

11.1AAA

8.1AAA

7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4C8

DADAB5

CDCCAA

B2B1A3

9E9EA2

Deuteranopia

D4D3C9

DCDEB6

CFD3AB

B5BAA1

A0A1A1

Tritanopia

D2CCCD

E6BABB

DFACAD

C99E9D

A69E9E

Achromatopsia

D3D3D3

CFCFCF

BFBFBF

A4A4A4

9B9B9B

Shades & Tints Shades & Tints

#D2D6C4

Dark

Light

#E7C9AE

Dark

Light

#E1B2A8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2d6c4;
  --color-2: #e7c9ae;
  --color-3: #e1b2a8;
  --color-4: #cc8fa9;
  --color-5: #a793a7;
}

SCSS

$color-1: #d2d6c4;
$color-2: #e7c9ae;
$color-3: #e1b2a8;
$color-4: #cc8fa9;
$color-5: #a793a7;

TAILWIND

colors: {
  'brand-1': '#d2d6c4',
  'brand-2': '#e7c9ae',
  'brand-3': '#e1b2a8',
  'brand-4': '#cc8fa9',
  'brand-5': '#a793a7',
}

RGB Array

[210, 214, 196], [231, 201, 174], [225, 178, 168], [204, 143, 169], [167, 147, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D2D6C4, #E7C9AE, #E1B2A8, #CC8FA9, #A793A7 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: #d2d6c4; --color-2: #e7c9ae; --color-3: #e1b2a8; --color-4: #cc8fa9; --color-5: #a793a7. 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