#D6CBB9 + #FA7E89 + #F56B8F + #B44A6E + #A2A29A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D6CBB9

Goose Yellow · Silver · Peach Orange

HEX

#D6CBB9

RGB

rgb(214, 203, 185)

HSL

hsl(37, 26%, 78%)

HSB

hsb(37, 14%, 84%)

CMYK

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

Oklch

oklch(84.6% 0.027 80.2)

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

#FA7E89

Peach Pink · LightCoral · Coral Red

HEX

#FA7E89

RGB

rgb(250, 126, 137)

HSL

hsl(355, 93%, 74%)

HSB

hsb(355, 50%, 98%)

CMYK

cmyk(0%, 50%, 45%, 2%)

Oklch

oklch(73.7% 0.151 16.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F56B8F

Rouge · LightCoral · Rose Pink

HEX

#F56B8F

RGB

rgb(245, 107, 143)

HSL

hsl(344, 87%, 69%)

HSB

hsb(344, 56%, 96%)

CMYK

cmyk(0%, 56%, 42%, 4%)

Oklch

oklch(70.5% 0.172 6.3)

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

#B44A6E

Dark Violet · MediumVioletRed · Camellia

HEX

#B44A6E

RGB

rgb(180, 74, 110)

HSL

hsl(340, 42%, 50%)

HSB

hsb(340, 59%, 71%)

CMYK

cmyk(0%, 59%, 39%, 29%)

Oklch

oklch(55.8% 0.142 1.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#A2A29A

Ash · DarkGray · Silver Sand

HEX

#A2A29A

RGB

rgb(162, 162, 154)

HSL

hsl(60, 4%, 62%)

HSB

hsb(60, 5%, 64%)

CMYK

cmyk(0%, 0%, 5%, 36%)

Oklch

oklch(71.0% 0.011 106.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6CBB9

B8C3D5

Analogous

D5BCB8

D6CBB9

D2D5B8

Triadic

D6CBB9

B8D5CA

CAB8D5

Split-Comp.

D6CBB9

B8D2D5

BCB8D5

Tetradic

D6CBB9

B8D5BC

B8C3D5

D5B8D2

Contrast Matrix WCAG 2.1 Contrast

D6CBB9	FA7E89	F56B8F	B44A6E	A2A29A
—	1.6 Fail	1.8 Fail	3.2 AA Large	1.6 Fail
1.6 Fail	—	1.1 Fail	2.0 Fail	1.0 Fail
1.8 Fail	1.1 Fail	—	1.8 Fail	1.1 Fail
3.2 AA Large	2.0 Fail	1.8 Fail	—	2.0 Fail
1.6 Fail	1.0 Fail	1.1 Fail	2.0 Fail	—

White BG

1.6Fail

2.5Fail

2.8Fail

5.1AA

2.6Fail

Black BG

13.1AAA

8.4AAA

7.4AAA

4.1AA Large

8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1BD

C4C386

B9B886

868565

A2A29C

Deuteranopia

D2D3BE

CCD586

C1CC84

8C9463

A2A29C

Tritanopia

D5C1C2

F48484

EE7F7E

AF5E5D

A29D9E

Achromatopsia

CCCCCC

A4A4A4

989898

6E6E6E

A1A1A1

Shades & Tints Shades & Tints

#D6CBB9

Dark

Light

#FA7E89

Dark

Light

#F56B8F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6cbb9;
  --color-2: #fa7e89;
  --color-3: #f56b8f;
  --color-4: #b44a6e;
  --color-5: #a2a29a;
}

SCSS

$color-1: #d6cbb9;
$color-2: #fa7e89;
$color-3: #f56b8f;
$color-4: #b44a6e;
$color-5: #a2a29a;

TAILWIND

colors: {
  'brand-1': '#d6cbb9',
  'brand-2': '#fa7e89',
  'brand-3': '#f56b8f',
  'brand-4': '#b44a6e',
  'brand-5': '#a2a29a',
}

RGB Array

[214, 203, 185], [250, 126, 137], [245, 107, 143], [180, 74, 110], [162, 162, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6CBB9, #FA7E89, #F56B8F, #B44A6E, #A2A29A 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: #d6cbb9; --color-2: #fa7e89; --color-3: #f56b8f; --color-4: #b44a6e; --color-5: #a2a29a. 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